html5项目答辩,[网页平面]HTML5语义标签答辩.doc

?? 在 HTML5 出来之前，我们用 div 来表示页面章节，但是这些 div 都没有实际意义。(即使我们用 css 样式的 id 和 class 来形容这块内容的意义)。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为 html5 的出现而消失了，这就是我们平时所说的“语义”。file:///C:/Users/A/Desktop/142618a3p3psnl53pp3w22.jpg

如上图那个页面结构没有使用一个 div，都是采用 html5 语义标签(用哪些标签，关键取决于你的设计目标)。但是也不要因为 html5 新标签的出现，而随意用之，错误的使用肯定会事与愿违。所以有些地方还是要用 div 的，就是因为 div 没有任何意义的元素，他只是一个标签，仅仅是用来构建外观和结构。因此是最适合做容器的标签。W3C 定义了这些语义标签，不可能完全符合我们有时的设计目标，就像制定出来的法律不可能流传 100 年都不改变，更何况它才制定没多久，不可能这些语义标签对所以设计目标的适应。只是一定程度上的“通用”，我们的目标是让爬虫读懂重要的东西就够了。结论：不能因为有了 HTML5 标签就弃用了 div，每个事物都有它独有的作用。header 元素header 元素代表“网页”或“section”的页眉；通常包含 h1-h6 元素或 hgroup，作为整个页面或者一个内容块的标题，也可以包裹一个目录部分，一个搜索框，一个 nav，或者任何相关 logo；整个页面没有限制 header 元素的个数，可以拥有多个，可以为每个内容块增加一个 header 元素；

header 示例代码：

??