大佬教程收集整理的这篇文章主要介绍了为什么要使用HTML5语义标记而不是div，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
如果你访问一个网页，你作为人类读者可以立即(视觉上)区分所有的页面元素，更重要的是了解内容。
然而，机器是愚蠢的，不能这样做：
想象一下，一个网页抓取工具或者一个screenreader试图用div来分析你的网页。他们怎么知道，你打算作为导航或主要文章的文档的哪一部分，或一些不那么重要的sidenote？他们可以通过使用一些通用标准分析您的文档结构来猜测，这些标准是特定元素的提示。例如。一个ul列表的内部链接很可能是某种类型的页面导航。然而，如果改为使用Nav元素，则机器立即知道该元素的目的是什么。
示例：您作为用户(读取网页时没有看到实际的标记)，不关心元素是否包含在< i>或< em>标签。可能在大多数浏览器中，它将被渲染为斜体文本，并且只要它突出了文本以容易识别它，你就可以了。
然而，在语义学上有更大的差别：< i>只是意味着斜体 – 它是一个呈现的提示的浏览器，并不一定包含更深的语义信息。 < em>然而手段强调，语义上表示重要的信息。现在浏览器不再绑定到斜体的指令了，但是可以用斜体或粗体或下划线或不同的颜色渲染它。对于视觉障碍人士，屏幕阅读器可以提高声音 – 无论什么方法似乎最适合强调这一重要信息的具体情况。
// machine: okay,this structure looks like it might be a navigation element? <div class="some-meaningless-class"><ul><li><a href="internal_link">...</div> // machine: ah,a navigation element! <nav class="some-meaningless-class"><ul><li><a>...</nav>
以上是大佬教程为你收集整理的为什么要使用HTML5语义标记而不是div全部内容，希望文章能够帮你解决为什么要使用HTML5语义标记而不是div所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。