HTML 5
<section>
<article></article>
<article></article>
</section>
Run Code Online (Sandbox Code Playgroud)
HTML 4
<div>
<div></div>
<div></div>
</div>
Run Code Online (Sandbox Code Playgroud)
这两者都必须通过CSS对齐.HTML 5的用途究竟是什么?是的,HTML 5中的表单标签非常有用,但我关注上述内容.
ETW*_*ave 11
一个词:语义学.
见http://www.webmonkey.com/2010/02/building_web_pages_with_html_5/#Semantic_structure_at_last
编辑:套用的文章,由请求(这是正确的),HTML 5已经加入了一组新的标记,如article,section,nav,header,footer,和已,传统上,被手动通过使用创建的HTML 4个其他div标记和语义ID值(例如<div id='header'>.
通过创建这些新的语义标记,它可以更容易理解人类的标记,并且更容易通过机器进行语义分析.例如,使用标准化标签编写爬网页寻找文章内容(思考博客搜索)的代码会更容易,而不必搜索完整的页面div.
脱离我头脑的几个原因:
1)分离网站的特定组件更明确,更节省空间示例:
<section>
<article>
</article>
</section>
Run Code Online (Sandbox Code Playgroud)
与
<div class='section'>
<div class='article'>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
在CSS或JavaScript中直接引用这些部分也占用较少的空间.
2)类似地,屏幕阅读器等可以更容易从页面中为盲人或视力受损者提取有用信息.