初学者必知的HTML规范
一、整体结构
- 用div代替table布局
- 结构、表现、行为三者分离,避免内联
- 良好的树形结构
四个空格代替一个tab - 能并列就不嵌套
<div></div><div></div>代替<div><div></div></div> - 引用的class要少
二、代码格式
- 严格的属性
属性和值全部小写,每个属性都必须有一个值,每个值必须加双引号。 - 严格的嵌套
内联元素不能包含块级元素
特殊的块级元素只能包含内联元素:
h1,h2..p dt
li内可以包含div
三、注意事项
- 避免使用绝对定位,可能会被过滤。
- 避免使用js,可能会被过滤。
- 避免使用table布局,不易于修改维护。
问题:部分智能手机的邮件客户端可能会有只显示部分的bug(宽度被截)。
解决:在外面套一个同宽的table即可。
如果您认为本文对得起您所阅读所花的时间,欢迎点击右下角↘ 推荐。您的支持是我继续写作最大的动力,谢谢 (●'◡'●)
字节跳动职位长期内推,如有需求可发送简历至 lichaoran.cr@bytedance.com