zoukankan      html  css  js  c++  java
  • 高质量的HTML

    1. 传统的布局方式是在DW中拖拽表格来布局,自动生成的代码量非常庞大;

    2. table布局的缺点:

      a. 代码量大,结构混乱;

      b. 标签语义不明确,对搜索引擎不友好。

    3. 在HTML,CSS,JS三大元素中,HTML才是最重要的,结构才是重点。

      先确定HTML,确定语义的标签,再来选用合适的CSS

    4. 先HTML,后CSS。可以在CSS裸体日仍然保持良好的层次感;

    5. 搜索引擎对<h>比较敏感,一个语义良好的页面,h标签应该是完整有序没有断层的;

    6. 标签语言调试工具:Web Developer,Firefox插件

    7. 表单域要用fieldset标签包起来,并用legend标签说明表单的用途

      如果不想这两项显示,可设fieldset{border:none;},legend{display:none;};

      一切为了能让搜索引擎找到你,呵呵

    8. label for input也不光是为了普通用户哈

    9. 表格是二维数据展示方面最好的选择,只是不推荐用来布局而已。

      caption,thead,tbody,tfoot  th td

    10.尽可能少用无语义标签div和span。在语义不明显,既可用p也可用div的地方,尽量用p,因为p默认有上下间距。不用纯样式标签,如b,foot,u等,用css设置。strong和em可用,表示强调。

  • 相关阅读:
    hadoop之 hadoop日志存放路径
    grpc的数据包监控
    HTTP2 概述
    gRPC的简单Go例子
    win下环境变量的设置
    Go的pprof使用
    graphviz
    学习Golang的步骤建议
    golang 的 sync.WaitGroup
    【转】golang的channel的几种用法
  • 原文地址:https://www.cnblogs.com/frostbelt/p/2388734.html
Copyright © 2011-2022 走看看