显然,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/ (编辑:河北网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|