Html 书写规范

图片

给img标签添加src属性之外，尽量添加alt属性，如此当图片加载慢或者不能加载的时候可先知道图片内容。

<img src="图片路径" alt="图片描述">

链接

给a标签添加href属性之外，尽量添加title属性，如此当鼠标移至链接上是可显示链接内容。如果是空链接可以使用href="###"

<a href="链接路径" title="链接描述">链接文字</a>

网站图标

如果设定了网站的小图标，用浏览器打开网站的时候会在标签处显示该图标。网站图标格式是.ico，可以使用在线工具创建，建议使用32×32大小。标准命名是favicon.ico，直接放入网站根目录即可；如果想个性设置图标的名称和路径，则在头部创建link标记。如源码所示。

<link rel="shortcut icon" href="images/myicon.ico" type="image/x-icon"/>

清除浮动

如果区块使用了浮动样式，希望之后的元素不会随之变化，可插入ax-clear取消浮动。举例说明如下：

<div style="float:left"></div>
<div style="float:right"></div>
<div class="ax-clear"></div>

垂直间隔

本框架定义了5个垂直间隔，分别是4px的ax-break-xxs，8px的ax-break-xs，10px的ax-break-sm，14px的ax-break-md，18px的ax-break-lg，22px的ax-break-xl，28px的ax-break-xxl

                        <div class="ax-break-xxs"></div>
                        <div class="ax-break-xs"></div>
                        <div class="ax-break-sm"></div>
                        <div class="ax-break-md"></div>
                        <div class="ax-break-lg"></div>
                        <div class="ax-break-xl"></div>
                        <div class="ax-break-xxl"></div>

水平间隔

本框架定义了5个水平间隔，分别是4px的ax-gutter-xxs，8px的ax-gutter-xs，12px的ax-gutter-sm，14px的ax-gutter-md，16px的ax-gutter-lg，22px的ax-gutter-xl，28px的ax-gutter-xxl

                        <span class="ax-gutter-xxs"></span>
                        <span class="ax-gutter-xs"></span>
                        <span class="ax-gutter-sm"></span>
                        <span class="ax-gutterk-md"></span>
                        <span class="ax-gutter-lg"></span>
                        <span class="ax-gutter-xl"></span>
                        <span class="ax-gutter-xxl"></span>

常用特殊字符

字符	名称	实体名	操作
yen	人民币符号：元	¥	复制
(c)	版权	©	复制
(R)	注册商标	®	复制
TM	商标TM	™	复制
·	间隔符号	·	复制
"	双引号	"	复制
&	&符	&	复制
<	左尖括号（小于号）	<	复制
>	右尖括号（大于号）	>	复制
	半角空格		复制
×	乘号	×	复制
÷	除号	÷	复制