[HTML] 기본 문법

1. 요소(Element)

HTML 요소는 시작태그(start tag)와 종료태그(end tag) 그리고 태그 사이에 위치한 content로 구성된다.

HTML document는 요소(Element)들의 집합이다.

태그는 일반적으로 소문자를 사용한다.

ex. <p>Hello</p>

 

 1) 요소의 중첩 (Nested Element)

    요소는 중첩될 수 있다. 즉 요소는 다른 요소를 포함할 수 있다.

    중첩관계(=부자관계)로 정보를 구조화하는 것이며, 시각적으로 파악하기 쉽게 indent(들여쓰기)를 활용한다.

 

 2) 빈 요소 (Empty Element)

    content를 가질 수 없는 요소를 빈 요소(Empty Element or self-Closing element)라고 한다.

    content가 필요 없으며, 어트리뷰트(Attribute)만을 가질 수 있다.

    대표적인 빈 요소 : br(줄바꿈), hr(수평선), img, input, link(외부 리소스와의 연계정보), meta

 

 3) 어트리뷰트(Attribute)

    어트리뷰트(속성)이란, 요소의 성질, 특징을 정의하는 명세이다.

    요소는 어트리뷰트를 가질 수 있으며, 어트리뷰트는 요소에 추가적 정보(ex. 이미지 파일의 경로, 크기 등)를 제공.

 

 4) 글로벌 어트리뷰트(HTML Global Attribute)

    모든 HTML 요소가 공통으로 사용 될 수 있는 어트리뷰트다.

    대표적 글로벌 어트리뷰터 7개

    id : 유일한 식별자를 요소에 지정한다. 중복 지정 불가

    class : 스타일 시트에 정의된 class를 요소에 지정한다. 중복 지정 가능

    hidden : css와 hidden과는 다르게 의미상으로도 브라우저에 노출되지 않게 된다

    lang : 지정된 요소의 언어를 지정한다. 검색엔진의 크롤링 시 웹페이지의 언어를 인식할 수 있게 한다

    style : 요소에 인라인 스타일을 지정한다

    tabindex : 사용자가 키보드로 페이지를 내비게이션 시 이동 순서를 지정한다

    title : 요소에 관한 제목을 지정

 

2. 주석(Comment)

    주로 개발자에게 코드를 설명하기 위해 사용되며 브라우저는 주석을 화면에 표시하지 않는다.

    <!-- 주석 태그 방법 -->