Html书写规范

1、推荐使用html5的文档声明

 
    

2、必须申明文档的编码charset,且与文件本身编码保持一致,推荐使用UTF-8编码

 
    
  1. charset="utf-8">

3、title 不可缺少,控制在25个字、50个字节以内。“二级栏目 - 一级栏目 - 网站名称”。

4、keywords很重要,关键词,针对SEO。

注意: 5个左右,单个8汉字以内;禁忌堆砌,与网站主题无关。

5、description网站描述,字数尽量空制在80个汉字,160个字符以内

6、采用栅格化处理,常用980栅格,1000栅格

7、书写注释,方便程序开发嵌套。注释方式:

开始注释:
结束注释:
允许只有开始注释

注意: 浮动的地方不要加注释,可能导致布局错位或文字的BUG。

8、img添加alt属性,增加可访问性。

 
    
  1. src="" alt="图片描述" title="图片描述">

9、带有实体名称的 ASCII 实体或特殊字符要使用实体名。

注意: 实体名称对大小写敏感。

字符 名称 实体名
¥ 人民币符号:元 ¥
© 版权 ©
® 注册商标 ®
商标TM
· 间隔符号 ·
" 双引号 "
& &符 &
< 左尖括号(小于号) <
> 右尖括号(大于号) >
  半角空格  
× 乘号 ×
÷ 除号 ÷

10、标签一定要正确嵌套,标签一定要闭合。

11、用div等标签布局;表格型数据,table首选。

12、代码风格采用树形结构,提高可读性;避免冗余嵌套。

13、模块之间必须保持独立,区块化布局,方便随意增删改,多人协作维护。

下面给出html模版:

 
   
  1. charset="utf-8">
  2. http-equiv="X-UA-Compatible" content="IE=edge" />
  3. name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
  4. <span class="title">网站标题,控制在25个字、50个字节以内</span>
  5. name="keywords" content="关键词,5个左右,单个8汉字以内">
  6. name="description" content="网站描述,字数尽量空制在80个汉字,160个字符以内!">
  7. href="templates/lfsp/css/lfsp.css" rel="stylesheet" type="text/css" />
  8. href="templates/lfsp/css/style.css" rel="stylesheet" type="text/css" />
  9. 网站头部
  10. 内容部分
  11. 页脚

<参考:http://lfsp.btwlo.com/htmlStructure.html>

转载于:https://www.cnblogs.com/ChandlerVer5/p/html_guifan.html

你可能感兴趣的