# 2.3 解剖网站
## HTML5 Structure
**Inquiry Learning**
尝试向你的同学解释下列概念：
`` vs. `` vs. `` 三者的区别？
**Advice for Tutor**： 向同学们解释下图，使学员脑海中网页结构的画面与HTML元素一一对应起来
**Learning by Doing**
1. 找一个你喜欢的网站，调出Chrome开发者工具，向跟你结对的同学互相解剖此网站结构。
2. 打开网站 ， 在HTML编辑框建立自己的第一个HTML文档，**并请教练审阅**。
* 所有HTML文档都必须符合特定的结构，要求至少包含以下声明和元素：``，``，``和``。
* 此练习**必须**包含以下HTML标签及其属性。
* h1
* p
* li
* body
* meta（ charset属性为utf-8 )
* title
* head
* DOCTYPE
* html
**Advice for Tutors**:
### 1. 聊聊HTML的元素嵌套规则。
讲解如何使用Chrome开发者工具定位HTML元素，查看HTML元素的嵌套实例。
### 2. 聊聊 自闭合元素（self-closing elements）。
例如上面第二个练习题 就只有开标签，没有闭标签。其他常见自闭合标签：`
` `