首页 相关文章 合理利用HTML标记优化网页布局

合理利用HTML标记优化网页布局

  我们一直在讲CSS网页布局代码的优化,在webjx.com以往的文章中,也一直强调语义和文档的结构。随着国外对WEB标准的推广,有些新手认为,web2.0就是把以前的table布局都改为DIV+CSS布局就是web2.0。其实不然, 我们要合理利用这些标签。 有一点值得引起注意,那就是在 web 开发人员圈子里通常被称为div-itis的对 div 元素的滥用现象。

  通过大量的嵌套 div 或 span 元素来添加样式确实很方便,但还是应尽量避免这种诱惑。在多数情况下,为文档内现有元素附加样式或 JavaScript 功能是可以做到不必引入 div 或 span 元素的。作为通用容器的 div 或 span 元素应作为最后的手段使用也就是说,最好是先尽量以语义化元素来编写网页,仅在确实需要时才加入通用容器元素。

  所以我们要:优化 优化 再优化 精简和优化CSS网页布局代码

  我要多用一些语义性标签,但是也要对号入座,标签语义要用对。

  HTML元素的语义类别

  结构
  这些元素的语义定义了他们在文档中扮演着的结构的角色

[ 查看全文 ]

2016-02-20 标签:

合理利用HTML标记优化网页布局的相关文章

手机页面
收藏网站 回到头部