使用HTML5语义标签的5个理由

九游会客户端——2011年1月4日星期二

页眉、节、页脚和nav标签，以及其他一些标签，纯粹是为了语义目的. 传统上，div标记通常用于将页面划分为其组成部分. 比如div标签, 默认情况下，这些内容描述标记在视觉上应该是没有特殊样式的块. 然而，这些新的标记由于几个原因是有帮助的.

1. 为开发人员明确定义区域

   当编辑html文档时, 特别是一个有几个嵌套层的复杂的, 这些标签使得一眼就能很容易地看出各部分在哪里开始和在哪里结束(更重要的是). 我花了很多时间计算“div”和“/div”标签，以找到特定集合的结束. 扫描“标题”要快得多.

2. 额外的钩子CSS没有额外的HTML

   为所有部分设置定位属性，或者为所有导航区域指定典型的无序列表可见性层次结构, 不需要使用类, 是很方便的.

3. 为搜索引擎明确定义区域

   搜索引擎使用不同的线索来确定站点的不同部分. 随着HTML5变得越来越普遍，搜索引擎很可能开始大量使用语义标签. 谷歌的网站链接功能允许用户从搜索结果页面中选择他们想要访问的站点区域. 如果你的导航在一个“nav”元素中，它会让谷歌更容易找到它.

4. 辅助技术

   语义标记通过将页面分解为重要的组件，有可能提高屏幕阅读器和其他辅助技术的可访问性. HTML5规范 对于nav元素， 用户代理(比如屏幕阅读器)，目标用户可以从初始呈现中忽略的导航信息中受益, 或者谁可以从导航信息立即可用中受益, 是否可以使用此元素作为一种方法来确定页面上最初要跳过哪些内容和/或根据请求提供哪些内容."

5. 脚本钩子

   类似于CSS钩子, 使用语义标记允许脚本使用getElementsByTagName()来查找所有“aside”元素并将它们隐藏起来, 例如. 这对浏览器扩展和插件也有影响, 允许脚本快速查找它认为重要的信息, 就像许多RSS提要查找插件现在做的那样. 例如, 浏览器可以自动将所有的链接放在边栏中的导航元素中，让用户更容易地浏览网站.

九游会客户端
九游会客户端是一家全方位服务的创意机构 网页设计, 打印, 身份, 品牌, 界面设计, 视频制作, 静止摄影 和 运动设计. 利用我们对卓越的热情，多元文化背景，还有 获奖 实践, 我们一直提供高质量的服务, 自定义, 以创新的解决方案满足客户多样化的市场需求. 欲了解更多信息，请访问 www.MatchaDesign.com.