HTML5

1. 새로운 Doctype

예전에 쓰던 XHTML doctype은 너무나 복잡해서 절대 암기해서 쓸 수 없었죠.

view plaincopy to clipboardprint?

2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

이제는 HTML5 doctype을 쓰면됩니다. .아래처럼 ">"이면 끝납니다.

view plaincopy to clipboardprint?

1. >

사실은 HTML5에서 위의 선언도 필요없습니다. 그냥 옛날 브라우저들이 doctype이란 걸 선언하게 되어 있기때문에 구색을 맞춘겁니다.

---

2. Figure 엘리먼트

이미지용 마크업을 보시죠:

view plaincopy to clipboardprint?

1. img src="path/to/image" alt="About image" />
2. p>Image of Mars. p>

위에 보면 이미지 태그가 있고, p(문단) 태그가 있습니다. 이들이 의미적으로 묶여있다는 것은 그냥 눈으로는 해석되는데, 컴퓨터가 이해하게 할 수는 없습니다. 그런데 HTML5에서는 와 이라는 엘리먼트가 있어서, 이 둘을 의미적으로 한쌍으로 묶을 수도 있습니다. 아래 보시죠.

view plaincopy to clipboardprint?

1. figure>
2. img src="path/to/image" alt="About image" />
3. figcaption>
4. p>This is an image of something interesting. p>
5. figcaption>
6. figure>

---

3. 요소의 재정의

예전에 저는 요소를 로고밑의 제목(subheadings)으로 사용하곤 했습니다. 프리젠테이션용으로 유용하긴 하나, HTML5에서는 그렇게 쓰면 안됩니다. HTML5에서 small은 진짜로 '작은 출력'(small print)을 의미합니다. 이를테면 사이트 아래(푸터)에 있는 카피라이트 문구가 로 사용할 대상인겁니다.

The small element now refers to “small print.”

---

[출처] [HTML5] HTML5 관련 알아둬야 할 25가지 특징|작성자 데브원