zoukankan      html  css  js  c++  java
  • 初学者必知的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

  • 相关阅读:
    OO开发
    重构:Extract Method (提炼函数)
    Vue 一个组件引用另一个组件
    闭包
    视差滚动原理与实现
    JS中的constructor 和 prototype
    jQuery 为动态添加的元素绑定事件
    setTimeout 的理解
    关于Vertical Align的理解
    网页特效:滚动视差设计指南
  • 原文地址:https://www.cnblogs.com/chaoran/p/4781741.html
Copyright © 2011-2022 走看看