Html书写规范
#cnblogs_post_body ol { 1、推荐使用html5的文档声明 2、必须申明文档的编码charset,且与文件本身编码保持一致,推荐使用UTF-8编码 3、title 不可缺少,控制在25个字、50个字节以内。“二级栏目 - 一级栏目 - 网站名称”。 4、keywords很重要,关键词,针对SEO。 注意: 5个左右,单个8汉字以内;禁忌堆砌,与网站主题无关。 5、description网站描述,字数尽量空制在80个汉字,160个字符以内 6、采用栅格化处理,常用980栅格,1000栅格 7、书写注释,方便程序开发嵌套。注释方式: 开始注释:<!-- 注释 --> 允许只有开始注释 注意: 浮动的地方不要加注释,可能导致布局错位或文字的BUG。 8、img添加alt属性,增加可访问性。 9、带有实体名称的 ASCII 实体或特殊字符要使用实体名。 注意: 实体名称对大小写敏感。 10、标签一定要正确嵌套,标签一定要闭合。 11、用div等标签布局;表格型数据,table首选。 12、代码风格采用树形结构,提高可读性;避免冗余嵌套。 13、模块之间必须保持独立,区块化布局,方便随意增删改,多人协作维护。
padding-left: 0px;
}
body {
line-height: 1.6;
}
body, th, td, button, input, select, textarea {
font-family: \5fae\8f6f\96c5\9ed1,arial;
_font-family: arial,\5b8b\4f53;
font-size: 13px;
color: #333;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
table {
width: 100%;
empty-cells: show;
background-color: transparent;
border-spacing: 0;
}
.table-bordered {
border: 1px solid #ddd;
border-collapse: separate;
border-left: 0;
}
.table-bordered th, .table-bordered td {
border-left: 1px solid #ddd;
}
.table td {
text-align: left;
}
.label-important, .badge-important {
background-color: #b94a48;
}
.label, .badge {
display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
white-space: nowrap;
vertical-align: baseline;
}
.label {
border-radius: 3px;
}
.prettyprint {
padding: 8px;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
pre {
display: block;
padding: 9.5px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
border-radius: 4px;
color: #333;
}
pre .tag {
color: #007;
}
pre .value, pre .tag .value {
color: #d14;
}
code, pre {
font-family: monaco,menlo,consolas,"Courier New",monospace;
}
.pl-20 {
padding-left: 20px;
}
.prettyprint.linenums {
box-shadow: inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0;
}
pre ol.linenums {
list-style: decimal outside none;
margin: 0 0 0 33px;
}
pre ol.linenums li {
padding-left: 12px;
color: #bbb;
line-height: 18px;
text-shadow: 0 1px 0 #fff;
}
pre .attr {
color: #088;
}
结束注释:<!-- /注释文案 -->
字符
名称
实体名
¥
人民币符号:元
¥
©
版权
©
®
注册商标
®
™
商标TM
™
·
间隔符号
·
"
双引号
"
&
&符
&
<
左尖括号(小于号)
<
>
右尖括号(大于号)
>
半角空格
×
乘号
×
÷
除号
÷
下面给出html模版:
<参考:http://lfsp.btwlo.com/htmlStructure.html>
Html书写规范的更多相关文章
- 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. ...
- [Java拾遗一] XML的书写规范与解析.
前言今天天气大好, 起了个大早开始总结一些常用的基础知识. XML一直来说都很陌生, 使用大多是用于配置文件, 之前并没有细究过其中的约束规范, 今天刚好没事来学习并总结下. 1,XML基础介绍 XM ...
- JAVA书写规范
java程序书写规范 命名规范 1.一般概念 1.尽量使用完整的英文描述符 2.采用适用于相关领域的术语 3.采用大小写混合使名字可读 4 ...
随机推荐
- Qt出现cannot find -IGL错误
Solution: sudo apt-get install build-essential sudo apt-get install libgl1-mesa-dev
- [NOIP2015] 提高组 洛谷P2668 斗地主
题目描述 牛牛最近迷上了一种叫斗地主的扑克游戏.斗地主是一种使用黑桃.红心.梅花.方片的A到K加上大小王的共54张牌来进行的扑克牌游戏.在斗地主中,牌的大小关系根据牌的数码表示如下:3<4< ...
- Timer
timer类有三种 1.System.Windows.Forms.Timer 使用地方:Windows 窗体应用程序中,并且必须在窗口中使用. 2.System.Timers.Timer 使用地方 ...
- Spring表单参数绑定中对“is”开头的boolean类型字段的的处理
之前在新浪微博上面发了一个微薄: 弱弱的发现在定义boolean类型的时候最好不要使用“is”开头,可以避免一些问题哦 然后有一些朋友朋友问我为什么,当时比较忙,现在写篇文章举一个例子,回复一下这个问 ...
- .net数据库操作
刚接触到数据库时总是被数据库中的一些基本概念,比如Connection.Command.DataReader等,给整的糊里糊涂.如今,对数据库的基本操作有了一定的认识,特此做出总结,以便后续工作中查阅 ...
- [Android]Unit Test for Android
根据Android Developer文档,对Android的UT做个学习总结: 1. 搭建Eclipse测试环境. Eclipse的ADT(Android Developer Tools) 插件为我 ...
- JSP内置对象-request
JSP内置对象即无需声明就可以直接使用的对象实例,在实际的开发过程中,比较常用的JSP对象有request,response,session,out和application等,笔者在本文章中将简单介绍 ...
- CSS--字体
通用字体系列 CSS中定义了5种通用字体系列 举例说明:指定通用字体系列 body { font-family:sans-serif;/*如果你希望文档使用一种sans-serif字体而并不关心是哪一 ...
- 我总结的js方面你可能不是特别清楚的小知识
!!将一个值方便快速转化为布尔值 console.log( !!window===true ); 不声明第三个变量实现交换 var a=1,b=2; a=[b,b=a][0];//执行完这句代码之后 ...
- BZOJ3393:[USACO LPHONE] 激光通讯
分层图+堆优化的dijkstra 将原图分为4层,分别是只向上,向下,向左,向右建立边,然后层与层之间的转移很好处理.稠密图,应该用堆优化的dijkstra. //OJ 1845 //by Cydia ...