初学者必知的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即可。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏行者常至

02.爬虫基础知识与简易爬虫实现

10900
来自专栏无所事事者爱嘲笑

vue要点记录(待更新)

18330
来自专栏技术博文

js去掉字符串前后空格的五种方法

第一种:循环检查替换 [javascript] //供使用者调用   function trim(s){   return trimRight(trimLeft...

45450
来自专栏小程序的道路

小程序渲染

在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。通过遍历数据,将数据展示,类似vue中的 v-for。 wx:for-...

16520
来自专栏GreenLeaves

Jquery 触发器之treigger()方法简介

trigger是个很神奇的东西,它可以模拟简单的用户输入操作。并触发点击click, mouseover, keydown 等事件. 具体使用方法如下: $("...

19990
来自专栏北京马哥教育

Python爬虫库-BeautifulSoup的使用

Beautiful Soup是一个可以从HTML或XML文件中提取数据的Python库,简单来说,它能将HTML的标签文件解析成树形结构,然后方便地获取到指定标...

10800
来自专栏Golang语言社区

Go-指针、传值与传引用、垃圾回收

要点 Go使用的*、&、new()这些运算符,和C++的用法完全一样。 有传值和传引用/传地址的概念,和C++一样。 Go没有new对应的delete操作,而是...

35350
来自专栏我和PYTHON有个约会

爬虫0040:数据筛选爬虫处理之结构化数据操作

爬虫程序,主要是运行在网络中进行数据采集的一种计算机程序,正常的一个爬虫采集数据的过程大致如下:

24510
来自专栏破晓之歌

VUE一些积累 原

Vue.js在模板表达式中限制了,绑定表达式最多只能有一条表达式,但某些数据需要一条以上的表达式运算实现,此时就可以将此数据放在计算属性(computed)当中...

10230
来自专栏开发与安全

从零开始学C++之IO流类库(四):输出流格式化(以操纵子方式格式化,以ios类成员函数方式格式化)

一、以操纵子方式格式化 数据输入输出的格式控制使用系统头文件<iomanip>中提供的操纵符。把它们作为插入操作符<<的输出对象即可。如setiosflags、...

25300

扫码关注云+社区

领取腾讯云代金券