初学者必知的HTML规范
2015-09-04 14:56
399 查看
一、整体结构
用div代替table布局
结构、表现、行为三者分离,避免内联
良好的树形结构
四个空格代替一个tab
能并列就不嵌套
<div></div><div></div>代替<div><div></div></div>
引用的class要少
二、代码格式
严格的属性
属性和值全部小写,每个属性都必须有一个值,每个值必须加双引号。
严格的嵌套
内联元素不能包含块级元素
特殊的块级元素只能包含内联元素:
h1,h2..p dt
li内可以包含div
三、注意事项
避免使用绝对定位,可能会被过滤。
避免使用js,可能会被过滤。
避免使用table布局,不易于修改维护。
问题:部分智能手机的邮件客户端可能会有只显示部分的bug(宽度被截)。
解决:在外面套一个同宽的table即可。
用div代替table布局
结构、表现、行为三者分离,避免内联
良好的树形结构
四个空格代替一个tab
能并列就不嵌套
<div></div><div></div>代替<div><div></div></div>
引用的class要少
二、代码格式
严格的属性
属性和值全部小写,每个属性都必须有一个值,每个值必须加双引号。
严格的嵌套
内联元素不能包含块级元素
特殊的块级元素只能包含内联元素:
h1,h2..p dt
li内可以包含div
三、注意事项
避免使用绝对定位,可能会被过滤。
避免使用js,可能会被过滤。
避免使用table布局,不易于修改维护。
问题:部分智能手机的邮件客户端可能会有只显示部分的bug(宽度被截)。
解决:在外面套一个同宽的table即可。
相关文章推荐
- [ActionScript] AS3解决html与flash鼠标滚轮冲突的问题
- html name id, 与服务器交互必须有name
- html name id, 与服务器交互必须有name
- html中有关如何固定div大小的问题
- st-在html中添加数据总结
- html 文本标签
- html 小知识
- outlook HTML签名制作方法
- 认识html标签
- WEB入门——HTML
- 动态输出html一些效果失效的处理
- 动态输出html一些效果失效的处理
- html meta link script form
- 在HTML中打出人民币符号和对勾符号
- 在HTML中打出人民币符号和对勾符号
- html中表table行循环滚动例子
- 使用GET与POST方式获取html数据
- 将html导出到excel或word
- HTML中id,name,class的区别
- html经验