初学者必知的HTML规范

一、整体结构

  1. 用div代替table布局
  2. 结构、表现、行为三者分离,避免内联
  3. 良好的树形结构
    四个空格代替一个tab
  4. 能并列就不嵌套
    <div></div><div></div>代替<div><div></div></div>
  5. 引用的class要少

二、代码格式

  1. 严格的属性
    属性和值全部小写,每个属性都必须有一个值,每个值必须加双引号。
  2. 严格的嵌套
    内联元素不能包含块级元素
    特殊的块级元素只能包含内联元素:
    h1,h2..p  dt
    li内可以包含div

三、注意事项

  • 避免使用绝对定位,可能会被过滤。
  • 避免使用js,可能会被过滤。
  • 避免使用table布局,不易于修改维护。

     

问题:部分智能手机的邮件客户端可能会有只显示部分的bug(宽度被截)。

解决:在外面套一个同宽的table即可。

如果您认为本文对得起您所阅读所花的时间,欢迎点击右下角↘ 推荐。您的支持是我继续写作最大的动力,谢谢 (●'◡'●)

字节跳动职位长期内推,如有需求可发送简历至 lichaoran.cr@bytedance.com

原文地址:https://www.cnblogs.com/chaoran/p/4781741.html