[HTML] 2. HTML 요소
2. HTML 요소
- HTML 문서는 HTML 요소들에 의해 만들어진 텍스트 파일이다.
- HTML 요소들은 HTML 태그를 이용하여 정의되어진다.
2.1 HTML 태그
* HTML 태그는 HTML 요소에 의해 만들어져 사용된다.
* HTML 태그는 < 과 > 의 두 문자에 의해 둘러쌓여진다.
* 둘러쌓여진 문자를 angle brackets(앵글 브래킷) 이라 부른다.
* 일반적으로 HTML 태그는 <b> 와 </b> 처럼 짝으로 이뤄진다.
* 짝의 첫 번째 태그는 start tag(시작 태그), 두 번째 태그는 end tag(종료 태그) 이다.
* 시작과 마지막 태그 사이의 텍스트는 element content(요소 컨텐츠)이다.
* HTML 태그는 대소문자를 구분하지 않는다. 즉, <b> 와 <B>는 같은 의미로 사용된다.
2.2 HTML Elements
- 1장에서 본 HTML 예제를 기억하라:
- 이것은 HTML 요소이다:
- HTML 엘리먼트는 시작 태그로 시작된다: <b>
- HTML 엘리먼트의 내용은: This text is bold
- HTML 엘리먼트는 종료 태그로 종료된다: </b>
- <b> 태그의 목적은 bold 폰트로 나타나도록 하는 HTML 엘리멘트로 정의된다.
- 이것 또한 HTML 엘리멘트이다:
- HTML 엘리먼트는 시작 태그 <body>로 시작되고, 종료 태그 </body>로 종료된다.
- <body> 태그의 목적은 HTML 문서의 본문임을 알려주는 HTML 엘리멘트로 정의된다.
2.3 소문자 태그를 이용하는 이유는?
- HTML 태그는 대소문자를 구분하지 않는다: <B>와 <b>는 같은 의미를 지닌다. 웹서핑에서 그 웹의소스코드를 보면 대문자를 이용하는 다수의 웹 사이트가 있음을 알 수 있다. 그런데도 왜 소문자 태그를 사용하는 것일까?
- 최근 웹 표준을 따르길 바란다면, 우리는 항상 소문자 태그를 이용해야 한다. World Wide Web 컨설티엄(W3C)의 HTML 4 recommendation 에서 소문자 태그를 추천하기 때문이고, XHTML(the next generation HTML)에서도 소문자 태그를 권장한다.
2.4 태그 속성
- 태그는 속성을 가질 수 있다. 속성은 HTML 요소의 추가적인 정보를 제공해준다.
- HTML table의 태그는 다음과 같다: <table>. border 속성을 추가해보면, <table border="0"> 이것은 borders 가 없다는 것을 브라우즈에게 알린다.
- 속성은 다음과 같이 항상 name/value 의 짝으로 사용된다: name="value"
- 속성은 HTML 요소의 시작 태그안에 지정해야 된다.
- 속성과 속성값 또한 대소문자를 구분하지 않지만, W3C에서는 HTML 4 recommendation 와 XHTML 에서 attributes/attribute values 의 소문자 사용을 권장한다.
2.5 속성값은 항상 따옴표를 사용해야 하는가?
- 속성값은 항상 따옴표로 둘러쌓여져야 한다. 더블 따옴표를 사용하는게 일반적이지만, 때에 따라서는 싱글 따옴표를 사용해도 무방하다.
- 속성값 자체에 포함되는 따옴표와 같이 희귀한 상황이 발생하면 다음과 같이 싱글 따옴표를 이용한다. name = 'John "ShotGun" Nelson'