【03】

 

Html书写规范

 

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

  1. <!DOCTYPE HTML>

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

  1. <metacharset="utf-8">

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

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

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

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

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

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

开始注释：<!-- 注释 -->
结束注释：<!-- /注释文案 -->
允许只有开始注释

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

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

  1. <imgsrc=""alt="图片描述"title="图片描述">

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

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

字符 名称 实体名
¥ 人民币符号：元 &yen;
© 版权 &copy;
® 注册商标 &reg;
™ 商标TM &trade;
· 间隔符号 &middot;
" 双引号 &quot;
& &符 &amp;
< 左尖括号（小于号） &lt;
> 右尖括号（大于号） &gt;
  半角空格 &nbsp;
× 乘号 &times;
÷ 除号 &divide;

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

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

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

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

下面给出html模版：

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <metacharset="utf-8">
  5. <metaname="renderer"content="webkit|ie-comp|ie-stand">
  6. <metahttp-equiv="X-UA-Compatible"content="IE=edge"/>
  7. <metaname="viewport"content="width=device-width,initial-scale=1,user-scalable=no"/>
  8. <title>网站标题，控制在25个字、50个字节以内</title>
  9. <metaname="keywords"content="关键词,5个左右,单个8汉字以内">
  10. <metaname="description"content="网站描述，字数尽量空制在80个汉字，160个字符以内！">
  11. <linkrel="Bookmark"href="favicon.ico">
  12. <linkrel="Shortcut Icon"href="favicon.ico"/>
  13. <!--[if lt IE 9]>
  14. <script type="text/javascript" src="Lib/html5.js"></script>
  15. <script type="text/javascript" src="Lib/respond.min.js"></script>
  16. <script type="text/javascript" src="Lib/PIE_IE678.js"></script>
  17. <![endif]-->
  18. <linkhref="style.css"rel="stylesheet"type="text/css"/><!--自己的样式-->
  19. <!--[if IE 6]>
  20. <script type="text/javascript" src="Lib/DD_belatedPNG_0.0.8a-min.js" ></script>
  21. <script>DD_belatedPNG.fix('.pngfix,.icon');</script>
  22. <![endif]-->
  23. </head>
  24. <body>
  25. <header>网站头部</header>
  26. <div>内容部分</div>
  27. <footer>页脚</footer>
  28. <scripttype="text/javascript"src="lib/jquery.min.js"></script>
  29. </body>
  30. </html>
 

【03】Html书写规范的更多相关文章

  1. oracle过程书写规范

    ORACLE存储过程编码规范 1.1         变量规范 Ø        变量名全部采用小写,局部变量名使用“v_”开头,输入参数以“i_开头,输出参数以“o_”开头,输入输出参数用io_开头 ...

  2. CSS书写规范、命名规范、网易CSS框架NEC

    网易CSS框架NEC:http://nec.netease.com/ NEC框架的CSS规范:  CSS规范 - 分类方法 CSS规范 - 命名规则 CSS规范 - 代码格式 CSS规范 - 优化方案 ...

  3. html和css书写规范

    HTML 规范 分离的标记.样式和脚本 结构.表现.行为分离 在可能情况下验证你的标记 使用编辑器验证你的标记是否正确,一般编辑器都自带有这个功能. 技术不支持的时候使用备胎,如canvas 编码格式 ...

  4. 数据库DDL语句书写规范

    数据库DDL语句书写规范 1.SQL语句编写说明编写SQL语句应遵循统一的规范,包括大小写.空格.换行.缩进等等,只有完全一样的SQL才能在数据库中共享,从而减少硬解析. 字段类型.长度:根据数据情况 ...

  5. CSS书写规范

    一.CSS书写顺序 1.位置属性(position,top,right,z-index,display,float等) 2.大小(width,height,padding,margin) 3.文字系列 ...

  6. 推荐大家使用的CSS书写规范、顺序

    写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里总结一个CSS书写规范.CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经 ...

  7. 分享给大家的CSS书写规范、顺序

    写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里总结一个CSS书写规范.CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经 ...

  8. css命名书写规范小结。

    单行形式书写风格的排版约束 1.   每一条规则的大括号 { 前后加空格 2.   多个selector共用一个样式集,则多个selector必须写成多行形式 3.   每一条规则结束的大括号 } 前 ...

  9. CSS书写规范及顺序

    CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3. ...

随机推荐

  1. LightOj 1236 Pairs Forming LCM (素数筛选&&唯一分解定理)

    题目大意: 有一个数n,满足lcm(i,j)==n并且i<=j时,(i,j)有多少种情况? 解题思路: n可以表示为:n=p1^x1*p2^x1.....pk^xk. 假设lcm(a,b) == ...

  2. 51nod 1138 连续整数的和

    1138 连续整数的和  基准时间限制:1 秒 空间限制:131072 KB 分值: 10 难度:2级算法题  收藏  关注 给出一个正整数N,将N写为若干个连续数字和的形式(长度 >= 2). ...

  3. 《linux就该这么学》学习笔记

    本篇文章是根据刘遄老师的<linux就该这么学>中个人易忘知识点的读书笔记,结合的是个人弱点,可能不适合广大的网友同学,并在此声明本篇文章只是用于学习之用,绝无侵犯版权之意 linux就该 ...

  4. performClick（）方法的使用

    performClick 是使用代码主动去调用控件的点击事件(模拟人手去触摸控件) 例如: 添加Ctrl+s 快捷键 保存,并触发btnSave按钮事件 protected override bool ...

  5. UML 顺序图（转载）

    顺序图精确表达用户与系统的复杂交互过程. 顺序图用于描述进出系统的信息流. 顺序图与协作图是同构的,可以互相转换!!! 顺序图:着重体现对象间消息传递的时间顺序.顺序图允许直观的表示出对象的生存期,生 ...

  6. jmeter（二）元件的作用域与执行顺序

    1.元件的作用域 JMeter中共有8类可被执行的元件(测试计划与线程组不属于元件),这些元件中,取样器是典型的不与其它元件发生交互作用的元件,逻辑控制器只对其子节点的取样器有效,而其它元件(conf ...

  7. SQLServer 2012 高效分页

    SQLSERVER2012 出新分页功能啦!!!近两天我在自己工作机的PC(没有并发,单一线程)上做了SqlServer  2000/ (2005/2008)/2012三个版本下的分页性能比较. 大致 ...

  8. ssm（Spring、Springmvc、Mybatis）实战之淘淘商城-第五天(非原创）

    文章大纲 一.课程介绍二.前台系统(门户系统)搭建介绍三.前台系统(门户系统)搭建实战四.js请求跨域解决五.项目源码与资料下载六.参考文章   一.课程介绍 一共14天课程(1)第一天:电商行业的背 ...

  9. turn协议的工作原理

    Allocate请求 客户端通过发送Allocate请求给STUN服务器,从而让STUN服务器为A用户开启一个relay端口.     a) 客户端A向STUN Port发送Allocate请求(图中 ...

  10. mysql 忘记密码 登陆+修改密码

    step1: 苹果->系统偏好设置->最下边点mysql 在弹出页面中 关闭mysql服务(点击stop mysql server) step2: 进入终端输入:cd /usr/local ...