![789ee7fd8bd84ac74e0ac21440d04025.png](https://i-blog.csdnimg.cn/blog_migrate/d19c540807c2e08cf993acc33bd00456.jpeg)
HTML 5有种类丰富的语义结构新标记,除了与块元素有很多相似性外,还拥有自身的语义行为。在制作一个HTML 5页面时,首先要告知浏览器使用何种HTML或XHTML规范,在HTML 5出现之前,经常看到冗长的规范语法,代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona1.dtd">
HTML 5简化了这一约定,而且不区分大小写,DOCTYPE如下:
<!DOCTYPE html>
通过一张页面结构示意图查看页面基础构造,如图所示
![21d928bed3396fde2a97be9b5d4e3b40.png](https://i-blog.csdnimg.cn/blog_migrate/5af8e51694faec9000ccc34cc8fcff2e.png)
页面被分为6个区域,分别为:标题、导航、介绍、主内容、侧边栏、页脚。
(1)页面基础结构代码如下:
01 <!DOCTYPE html>
02 <