分类分类
关注+2010-02-11作者:
合理利用HTML标记优化网页布局:
随着国外对WEB标准的推广,有些新手认为,web2.0就是把以前的table布局都改为DIV+CSS布局就是web2.0。其实不然, 我们要合理利用这些标签。 有一点值得引起注意,那就是在 web 开发人员圈子里通常被称为“div-itis”的对 div 元素的滥用现象。
通过大量的嵌套 div 或 span 元素来添加样式确实很方便,但还是应尽量避免这种诱惑。在多数情况下,为文档内现有元素附加样式或 JavaScript 功能是可以做到不必引入 div 或 span 元素的。作为通用容器的 div 或 span 元素应作为最后的手段使用——也就是说,最好是先尽量以语义化元素来编写网页,仅在确实需要时才加入通用容器元素。
所以我们要:优化 优化 再优化 精简和优化CSS网页布局代码
我要多用一些语义性标签,但是也要对号入座,标签语义要用对。
HTML元素的语义类别
结构
这些元素的语义定义了他们在文档中扮演着的结构的角色
div span ol,ul,li,dl,dt,dd del,ins h1..h6 p |
a abbr acronym address blockquote cite code dfn kbd q samp var |
strong em |
" Once you’ve completed your markup, go over it two more times and find ways to reduce the number of elements on the page. Does that UL really need its own wrapping div? I think not. " |
相关文章
更多+相同厂商
热门推荐
点击查看更多
点击查看更多
点击查看更多
说两句网友评论