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

Web标准化之如何写符合标准的导航

发布时间:2018-09-16 00:23:38 所属栏目:运营 来源:站长网
导读:显然,Web尺度并不是一个可以或许严酷执行的尺度,可是我们却可以像W3C保举的那样尽也许的将页面实现尺度化。 上周我们接头了尺度的导航写法: 第一种方案 ul class=nav lia/a/li lia/a/li lia/a/li /ul利益:相对有语义,多一个节制节点,可以机动节制,实现

显然,Web尺度并不是一个可以或许严酷执行的尺度,可是我们却可以像W3C保举的那样尽也许的将页面实现尺度化。

上周我们接头了尺度的导航写法:
第一种方案
<ul class="nav">
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
</ul>利益:相对有语义,多一个节制节点,可以机动节制,实现二级菜单。
弱点:用户体验相对差些,UL的执行服从显然逊色于A标签。

第二种方案
<div class="nav">
<a></a>
<a></a>
<a></a>
</div>利益:代码简捷,能实现一样平常范例的导航,页面执行服从要不UL迅猛。
弱点:语义相对差些,若需实现较伟大的导航必要嵌套特另外标签。

那是不是有更尺度的更切合语义的做法呢?有人说可以用HTML5里新增进的<nav></nav>.

但就今朝来看,守候HTML5的宣布还为时尚早,再加上差异赏识器的支持水平,更是不敢阿谀。

有没有越发公道的办理方案可以或许弥补这个空缺? 有的!

请看如下代码:
<map>
<div>
<a></a><a></a><a></a>
</div>
</map>对 就是 map !W3C官网的写法!

W3C的声名是The MAP element may be used without an associated image for general navigation mechanisms.MAP元素可用于无关联的图像一样平常导航机制。

map具有舆图、导航的特征,团结上面提到的第二个方案,这就是最佳办理方案。虽然用map嵌套UL也是可以的,不外显然此刻UL的语意就不是那么重要了。提示各人的是map内里必需嵌套一层块级元素,由于map自己不具有此属性。

具体资料:http://www.w3.org/TR/REC-html40/struct/objects.html#adef-usemap
附:W3C官网;http://www.w3.org/

(编辑:河北网)

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

    热点阅读