zoukankan      html  css  js  c++  java
  • HTML书写规范

    HTML书写规范

    • 1、文档声明

      (1)XHTML1.0 过渡型

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

      (2)HTML5

      <!DOCTYPE html> 
    • 2、页面编码

      (1)XHTML1.0 过渡型

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

      (2)HTML5

      <meta charset="utf-8" /> 
    • 3、关键字与描述

      <meta name="keywords" content="关键词一,关键词二," />
      <meta name="description" content="页面描述" />

      查看规范模板:XHTML页面模板HTML5页面模板

    • 4、页面中不要使用&nbsp进行缩进,如需缩进,使用CSS控制

    • 5、HTML页面中不要使用行内样式

    • 6、当空标签使用背景图时,必须加上相应该的文字说明,并按需隐藏文字

    • 7、代码缩进,必须使用四个空格的TAB键

    • 8、HTML标签名、属性名必须全部采用小写,属性必须加引号,并且必须闭合,单标签也必须闭合,如:<input type=”text” />、<br />

    • 9、内联元素禁止包裹块级元素
      块元素(block element)

          address - 地址
          blockquote - 块引用
          center - 举中对齐块
          dir - 目录列表
          div - 常用块级容易,也是css layout的主要标签
          dl - 定义列表
          fieldset - form控制组
          form - 交互表单
          h1 - 大标题
          h2 - 副标题
          h3 - 3级标题
          h4 - 4级标题
          h5 - 5级标题
          h6 - 6级标题
          hr - 水平分隔线
          isindex - input prompt
          menu - 菜单列表
          noframes - frames可选内容(对于不支持frame的浏览器显示此区块内容)
          noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)
          ol - 排序列表
          p - 段落
          pre - 格式化文本
          table - 表格
          ul - 非排序列表

      内联元素(inline element)

          a - 锚点
          abbr - 缩写
          acronym - 首字
          b - 粗体(不推荐)
          bdo - bidi override
          big - 大字体
          br - 换行
          cite - 引用
          code - 计算机代码(在引用源码的时候需要)
          dfn - 定义字段
          em - 强调
          font - 字体设定(不推荐)
          i - 斜体
          img - 图片
          input - 输入框
          kbd - 定义键盘文本
          label - 表格标签
          q - 短引用
          s - 中划线(不推荐)
          samp - 定义范例计算机代码
          select - 项目选择
          small - 小字体文本
          span - 常用内联容器,定义文本内区块
          strike - 中划线
          strong - 粗体强调
          sub - 下标
          sup - 上标
          textarea - 多行文本输入框
          tt - 电传文本
          u - 下划线
          var - 定义变量

      可变元素

      可变元素为根据上下文语境决定该元素为块元素或者内联元素。

          applet - java applet
          button - 按钮
          del - 删除文本
          iframe - inline frame
          ins - 插入的文本
          map - 图片区块(map)
          object - object对象
          script - 客户端脚本


    • 10、HTML标签使用必须语义化

      如:标题根据重要性用h(h1、h2……),段落用p标签,无序列表用ul标签,链接用a标签等

    • 11、书写链接地址时, 必须避免重定向,如:href="http://www.56.com/", 即须在URL地址后面加上“/”

    • 12、HTML字符需使用转义符:

      &lt; < 小于号
      &gt; > 大于号
      &amp; & 连接符
      &quot; " 引号
      &reg; ® 注册
      &copy; © 版权
      &trade; 商标
      &middot; · 中点
  • 相关阅读:
    Laravel框架之Session操作
    Laravel框架之Response操作
    Laravel之简单的学生信息管理平台
    Laravel中的模板引擎Blade
    Laravel中的查询构造器
    Laravel中使用模型对数据进行操作
    Laravel中的模型的创建
    springboot
    不丢失log的情况下迁移git空间
    Vue2.0中v-for迭代语法变化(key、index)
  • 原文地址:https://www.cnblogs.com/Better-Me/p/3713077.html
Copyright © 2011-2022 走看看