HTML书写规范

最新推荐文章于 2023-02-25 13:39:24 发布

denglangcheng82460

最新推荐文章于 2023-02-25 13:39:24 发布

阅读量99

点赞数

文章标签： xhtml java

原文链接：http://www.cnblogs.com/Better-Me/p/3713077.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地址后面加上“/”