当前位置:首页 → 网站技术专区 →
全部信息
网页设计特殊结构的通用机制
更新时间:2014/4/15 点击:2430次
所有的HTML开发者都对一些常用的标记很熟悉,比如段落标记p或者标题标记h1,但是对于div可能就不太熟悉了,若要理解div元素,W3C的一个短语,即一个增加结构的通用机制是关键.
在通常我们遇到的一些二级导航链接由一个div包裹,因为他们都不是一个段落,列表或者其他普通结构化元素的一部分,但在一些大型的或者更特殊的情况下,这些链接需要扮演一个结构化的角色,也就是二级导航,为了高亮标识这个角色,我用submenu来标识包含它们的div元素,而由于这些链接也处于首页头部,因此标识上层的div为header,它们的div元素,而由于这些链接也处于首页头部,因此标识上层的div为header.
你可以使用任何其他名字只要是XHTML规则所允许的,但是有意义或元结构的名字是最好的,当你的客户想看到一个蓝色,另外精心构思的结构化id标签,如menu或者content,或者searchform可以帮助你记住什么代码还没有设计和创建你期待的良好结构的页面,不管你使用纯CSS而已还是混合的CSS/表格而已,如果你养成习惯给一些页面核心组件命名,你就会抛弃从页面表现层进行思考和开发的习惯.
在通常我们遇到的一些二级导航链接由一个div包裹,因为他们都不是一个段落,列表或者其他普通结构化元素的一部分,但在一些大型的或者更特殊的情况下,这些链接需要扮演一个结构化的角色,也就是二级导航,为了高亮标识这个角色,我用submenu来标识包含它们的div元素,而由于这些链接也处于首页头部,因此标识上层的div为header,它们的div元素,而由于这些链接也处于首页头部,因此标识上层的div为header.
你可以使用任何其他名字只要是XHTML规则所允许的,但是有意义或元结构的名字是最好的,当你的客户想看到一个蓝色,另外精心构思的结构化id标签,如menu或者content,或者searchform可以帮助你记住什么代码还没有设计和创建你期待的良好结构的页面,不管你使用纯CSS而已还是混合的CSS/表格而已,如果你养成习惯给一些页面核心组件命名,你就会抛弃从页面表现层进行思考和开发的习惯.