[HTML] HTML5 기본 문법

요소 구성

- HTML5 요소는 시작 태그, 종료 태그 그리고 태그 사이의 내용으로 구성

<Tag attr="value">content</Tag>

- Tag: 태그 이름. 소문자를 추천

- attr: 속성명

- value: 속성값. 큰 따옴표로 감싸기를 추천

- content: 내용

빈 요소

- 빈 요소의 경우 내용과 종료 태그가 없음: br, hr, img, input, link, meta

<Tag attr="value" />

요소의 속성

-  HTML5 속성은 요소의 성질, 특징을 정의하는 명세. 요소에 추가적 정보를 제공. 시작 태그에 위치하며 이름과 값의 쌍으로 존재

id	유일한 식별자(id)를 요소에 지정. 중복 지정이 불가
class	스타일시트에 정의된 class를 요소에 지정. 중복 지정이 가능
hidden	css의 hidden과는 다르게 의미상으로도 브라우저에 노출되지 않음
background	배경을 이미지 주소를 통해 설정
lang	지정된 요소의 언어를 지정. 검색엔진의 크롤링 시 웹페이지의 언어를 인식
style	요소에 인라인 스타일을 지정. background-color(배경색), color(글자색), font-size(글자 크기), text-align(문단 정렬)
tabindex	사용자가 키보드로 페이지를 내비게이션 시 이동 순서를 지정
title	요소에 관한 제목을 지정

HTML 색

- 색상 이름: aqua, blue

- RGB 색상값: Red, Green, Blue는 각각 0-255까지의 범위를 가짐. rgb(0,0,0)로 표현

- 16진수 색상값: RGB 색상값을 각각 16진수로 변환한 것. Red, Green, Blue는 00-FF까지의 범위를 가짐. #FFFFFF로 표현

aqua	black
blue	fuchsia
gray	green
lime	maroon
navy	olive
purple	red
silver	teal
white	yellow

HTML5 주석

- 주석은 코드를 설정하기 위해 주로 사용. 브라우저 화면에 표시되지 않음

<!-- comment -->
<Tag attr="value">content</Tag>

 

Reference

- HTML5: Global attributes

- HTML5: Standard