加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

[译文]停止常见的六种HTML5错误用法

发布时间:2018-10-06 03:06:47 所属栏目:创业 来源:站长网
导读:原文链接请点击此处,作者为Richard Clark. 本文为原创翻译,同时对原文做了一些简化处理赏罚。本文遵循签名-非贸易性行使协议。 一、不要行使section作为div的更换品 人们在标签行使中最常见到的错误之一就是随意将HTML5的section等价于div详细地说,就是直接

原文链接请点击此处,作者为Richard Clark.

本文为原创翻译,同时对原文做了一些简化处理赏罚。本文遵循签名-非贸易性行使协议。

一、不要行使section作为div的更换品

人们在标签行使中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——详细地说,就是直接用作更换品(用于样式)。在XHTML可能HTML4中,我们常看到这样的代码:

而此刻在HTML5中,会是这样:

这样行使并不正确:<section>并不是样式容器。section元素暗示的是内容顶用来辅佐构建文档提纲的语义部门。它应该包括一个头部。假如你想找一个用作页面目面貌器的元素(就像HTML可能XHTML的气魄威风凛凛),那么思量如Kroc Camen所说,直接把样式写到body元素上吧。假如你如故必要特另外样式容器,照旧继承行使div吧。

基于上述头脑,下面才是正确的行使HTML5和一些ARIA roles特征的例子(留意,按照你本身的计划,你也也许必要插手div)

假如你照旧无法确定行使哪种元素,那么我提议你参考HTML5 sectioning content element flowchart

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读