HTML中编码标准的总结
本篇文章给大家带来的内容是关于HTML中编码标准的总结，有必然的参照 价值，有需要的伴侣可以参照 一下，但愿对你有所帮忙。
1.img标签要写alt标签
2.单标签不要写闭合标签（img、link、input、hr、br）
3.自定义属性要以data- 开头
4.td要在tr里面，li要在ul/ol里面
5.ul/ol的直接子元素只能是li
6.section里面要有标题标签
7.使用section标签增强SEO(搜索引擎优化)
8.行内元素里面不成使用块级元素(a标签里面不克不及放p)
9.每个页面要写
10.要用table规划写邮件模板
11.html要保持简约，不要套太多层
12.非凡状况下才在html里面写script和style
13.样式要写在head标签里
14.html要加上lang的属性
<html lang="en">
<html lang="zh-CN">15.要在head标签靠前位置写上charset和meta标签
16.非凡符号使用html实体
? © ￥ ¥ ? ® > > < < & &
17.img空src的问题
<img src="about:blank" alt><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
18.关于行内元素空格和换行的影响
19.类的命名使用小写字母加中划线（hello-world)
20.不引荐使用自定义标签
21.反复杂id和反复属性
22.不引荐使用属性设定样式（canvas width height 需要写）
23.使用适宜的标签
（1）假如内容是表格就使用table，table有自顺应的长处；假如是一个列表就使用ol/ul标签，扩展性比力好
（2）假如是输入框就使用input，而不是写一个p标签，然后设定contenteditable=true，由于这个在IOS Safari上光标定位容易显现问题。假如需要做非凡结果除外
（3）假如是粗体就使用b/strong，而不是本人设定font-weight
（4）假如是表单就使用form标签，留意form里面不克不及套form
（5）假如是跳链就使用a标签，而不是本人写onclick跳转。a标签里面不克不及套a标签
（6）使用html5语义化标签，如导航使用nav，侧边栏使用aside，顶部和尾部使用header/footer，页面比力独立的部分可以使用article，如会员的评论。
（7）假如是按钮就应当写一个button或者<input type="button">，而不是写一个a标签设定样式，由于使用button可以设定disabled，然后使用CSS的:disabled，还有:active等伪类使用，例如在:active的时候设定按钮被按下去的感受
（8）假如是标题就应当使用标题标签h1/h2/h3，而不是本人写一个<p class="title"></p>，相反假如内容不是标题就不要使用标题标签了
（9）在手机上使用select标签，会有原生的下拉控件，手机上原生select的下拉结果体验往往比力好，不管是IOS还是android，而使用<input type="tel">在手机上会弹一个电话号码的键盘，<input type="number"> <input type="email">都会弹响应的键盘
（10）假如是分隔线就使用hr标签，而不是本人写一个border-bottom的样式，使用hr容易停止检查
（11）假如是换行文本就应当使用p标签，而不是写br，由于p标签可以用margin设定行间距，但是假如是长文本的话使用p，由于p标签里面不克不及有p标签，特殊是当数据是后端给的，大概会带有p标签，所以这时容器不克不及使用p标签。
24.不要在https的链接里写http的图片
<img src=”//static.chimeroi.com/hello-world.jpg”>
相关引荐：
html的根基元素，让你零根基学习HTML
html页面中友谊链接如何停止增加设定？（代码示例）
以上就是HTML中编码标准的总结的具体内容，更多请关注百分百源码网其它相关文章！
