HTML

PPG007 ... 2021-12-27 About 1 min

# HTML

  • 外部链接:

    使用 <a> 标签引入外部链接时,必须设置 rel=noopenertarget=_blank 属性,告知浏览器不让链接窗口引用原始窗口。

    链接要有 title 属性。

  • 属性值:

    属性名要小写。

    属性值要小写。

    属性值要用双引号包裹。

    布尔类型属性要省略值。

    属性等号周围不能有空格。

  • 注释:

    单行注释前后必须要有空格。

    <!-- single line comment -->
    
    1

    单行注释要放在标签上面。

  • 样式:

    不要通过 style 属性设置标签的样式。

    <style> 标签的 type="text/css" 属性要省略。

  • 编码:

    编码设置应该放在文件最前。

    编码必须是 utf-8。

  • 表单:

    input 标签的 type 属性一定要指定。

  • 标题:

    标题要按照等级向下有序排列。

  • 图像:

    图像 img 标签必须要有 alt 属性。

    img 标签必须设置 widthheight 属性。

  • JavaScript:

    不要行内绑定事件,例如:

    <button onclick="foo()">Button</button>
    
    1

    外部引入的 JavaScript 文件要写在 <body> 结束标签前。

    <script> 标签的 type 属性必须要省略。

  • link:

    指向外部资源的 link 标签的 href 属性链接必须指定协议。

  • 选择器:

    标签的 id 和 class 必须小写,多个单词通过 - 连接。

  • 标签:

    可选的闭合标签一定不能省略闭合尾标签。

    标签内容不能为空。

    标签和内容之间避免换行。

    自闭和标签不需要尾部的 /符号。

    标签要用小写字母。

  • 换行:

    为了可读性可以适当换行,例如标签的属性过多时可以换行。

Last update: December 27, 2021 03:30
Contributors: PPG007