【03】Html书写规范
【03】
Html书写规范
1、推荐使用html5的文档声明
- <!DOCTYPE HTML>
2、必须申明文档的编码charset，且与文件本身编码保持一致，推荐使用UTF-8编码
- <metacharset="utf-8">
3、title 不可缺少，控制在25个字、50个字节以内。“二级栏目 - 一级栏目 - 网站名称”。
4、keywords很重要，关键词，针对SEO。
注意： 5个左右,单个8汉字以内；禁忌堆砌，与网站主题无关。
5、description网站描述，字数尽量空制在80个汉字，160个字符以内
6、采用栅格化处理，常用980栅格，1000栅格
7、书写注释，方便程序开发嵌套。注释方式：
开始注释：<!-- 注释 -->
结束注释：<!-- /注释文案 -->
允许只有开始注释
注意： 浮动的地方不要加注释，可能导致布局错位或文字的BUG。
8、img添加alt属性，增加可访问性。
- <imgsrc=""alt="图片描述"title="图片描述">
9、带有实体名称的 ASCII 实体或特殊字符要使用实体名。
注意： 实体名称对大小写敏感。
| 字符 | 名称 | 实体名 |
|---|---|---|
| ¥ | 人民币符号：元 | ¥ |
| © | 版权 | © |
| ® | 注册商标 | ® |
| ™ | 商标TM | ™ |
| · | 间隔符号 | · |
| " | 双引号 | " |
| & | &符 | & |
| < | 左尖括号（小于号） | < |
| > | 右尖括号（大于号） | > |
| 半角空格 | | |
| × | 乘号 | × |
| ÷ | 除号 | ÷ |
10、标签一定要正确嵌套，标签一定要闭合。
11、用div等标签布局；表格型数据，table首选。
12、代码风格采用树形结构，提高可读性；避免冗余嵌套。
13、模块之间必须保持独立，区块化布局，方便随意增删改，多人协作维护。
下面给出html模版：
<!DOCTYPE HTML><html><head><metacharset="utf-8"><metaname="renderer"content="webkit|ie-comp|ie-stand"><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="viewport"content="width=device-width,initial-scale=1,user-scalable=no"/><title>网站标题，控制在25个字、50个字节以内</title><metaname="keywords"content="关键词,5个左右,单个8汉字以内"><metaname="description"content="网站描述，字数尽量空制在80个汉字，160个字符以内！"><linkrel="Bookmark"href="favicon.ico"><linkrel="Shortcut Icon"href="favicon.ico"/><!--[if lt IE 9]><script type="text/javascript" src="Lib/html5.js"></script><script type="text/javascript" src="Lib/respond.min.js"></script><script type="text/javascript" src="Lib/PIE_IE678.js"></script><![endif]--><linkhref="style.css"rel="stylesheet"type="text/css"/><!--自己的样式--><!--[if IE 6]><script type="text/javascript" src="Lib/DD_belatedPNG_0.0.8a-min.js" ></script><script>DD_belatedPNG.fix('.pngfix,.icon');</script><![endif]--></head><body><header>网站头部</header><div>内容部分</div><footer>页脚</footer><scripttype="text/javascript"src="lib/jquery.min.js"></script></body></html>
【03】Html书写规范的更多相关文章
- oracle过程书写规范
ORACLE存储过程编码规范 1.1 变量规范 Ø 变量名全部采用小写,局部变量名使用“v_”开头,输入参数以“i_开头,输出参数以“o_”开头,输入输出参数用io_开头 ...
- CSS书写规范、命名规范、网易CSS框架NEC
网易CSS框架NEC:http://nec.netease.com/ NEC框架的CSS规范: CSS规范 - 分类方法 CSS规范 - 命名规则 CSS规范 - 代码格式 CSS规范 - 优化方案 ...
- html和css书写规范
HTML 规范 分离的标记.样式和脚本 结构.表现.行为分离 在可能情况下验证你的标记 使用编辑器验证你的标记是否正确,一般编辑器都自带有这个功能. 技术不支持的时候使用备胎,如canvas 编码格式 ...
- 数据库DDL语句书写规范
数据库DDL语句书写规范 1.SQL语句编写说明编写SQL语句应遵循统一的规范,包括大小写.空格.换行.缩进等等,只有完全一样的SQL才能在数据库中共享,从而减少硬解析. 字段类型.长度:根据数据情况 ...
- CSS书写规范
一.CSS书写顺序 1.位置属性(position,top,right,z-index,display,float等) 2.大小(width,height,padding,margin) 3.文字系列 ...
- 推荐大家使用的CSS书写规范、顺序
写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里总结一个CSS书写规范.CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经 ...
- 分享给大家的CSS书写规范、顺序
写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里总结一个CSS书写规范.CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经 ...
- css命名书写规范小结。
单行形式书写风格的排版约束 1. 每一条规则的大括号 { 前后加空格 2. 多个selector共用一个样式集,则多个selector必须写成多行形式 3. 每一条规则结束的大括号 } 前 ...
- CSS书写规范及顺序
CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3. ...
随机推荐
- 区间DP UVA 10739 String to Palindrome
题目传送门 /* 题意:三种操作,插入,删除,替换,问最少操作数使得字符串变成回文串 区间DP:有一道类似的题,有点不同的是可以替换,那么两端点不同的时候可以替换掉一个后成回文, 即dp[j+1][k ...
- 递推DP UVA 1291 Dance Dance Revolution
题目传送门 题意:给一串跳舞的动作,至少一只脚落到指定的位置,不同的走法有不同的体力消耗,问最小体力消费多少分析:dp[i][j][k] 表示前i个动作,当前状态(j, k)的最小消费,状态转移方程: ...
- DB2：在缓冲池 "1" 中当前没有任何页面可用。. SQLCODE=-1218, SQLSTATE=57011, DRIVER=3.61.75
服务器端DB2数据库最近频繁报错: 在缓冲池 , SQLSTATE=, DRIVER= 试验发现简单的查询SQL执行没有问题,复杂的SQL就会报上述错误. 百度发现是因为数据库bufferpool太小 ...
- C# 操作Access的Ole对象[转]
原文链接 OLE对象数据类型 (1)OLE 对象用于使用 OLE 协议在其他程序中创建的 OLE 对象,如 Microsoft Word 文档. Microsoft Excel 电子表格.图片.声音或 ...
- IOS利用Core Text对文字进行排版 - 转
原贴地址:http://hi.baidu.com/jwq359699768/blog/item/5df305c893413d0a7e3e6f7b.html core text 这个包默认是没有的,要自 ...
- ORA-00845错误原因及解决办法
故障现象: 用startup命令启动数据库时出现ora-00845错误提示: SQL> startup ORA-00845: MEMORY_TARGET not supported on thi ...
- .net 发送邮件验证码
using System;using System.Collections.Generic;using System.Linq;using System.Net;using System.Net.Ma ...
- Objective - c Foundation 框架详解2
Objective - c Foundation 框架详解2 Collection Agency Cocoa provides a number of collection classes such ...
- Node.js——require加载规则
判断require中的标识参数: 非路径的标识参数:也被称为是核心模块,已经被编译到二进制文件中 带有路径标识参数:自定义模块,一般都是相对定位 第三方模块:表现形式与核心模块一样,但是实际不一样,它 ...
- delphi 7 生成 调用 bat文件的exe文件
unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms ...