笔记：HTML实践规范

自闭合标签： area, base, br, col, command, embed, hr, img, input, keygen, link, meta, param, source, track,wbr

自闭合标签无需结束标签，也不需要添加 /

严格禁止标签交叉嵌套

不使用不标准的标签和属性

css样式与HTML页面结构分离

不使用@import方式

添加必要的<meta>标签

<meta>有4个属性：name, http-equiv, content, charset.   name  +  content,构成名称/值对，用于描述网站信息。 http-equiv + content, 设置特定的HTTP指令。 charset设定页面编码。

ie设置兼容模式<meta http-equiv="X-UA-Compatible" content="Edge">

使用更具有语义的标签，减少<div><span>的使用

css  clearfix代码：

.clearfix{*zoom:1;}

.clearfix:before,

.clearfix:after{

display:table,

content:""

}

.clearfix:after{clear:both;}

<br>仅用文本内容中的换行

只使用一个<h1>标签

label中for属性，不仅把<label>上的触发事件指向for属性指代的表单元素，也从语义上绑定了label元素和此表单元素

装饰性元素用css实现

HTML5标签分类：

元数据式（Metadata）：<base>, <command>, <link>, <meta>等

流式（Flow）：<div>,<span>等

章节式（Phrasing）：<article>,<aside>,<nav>,<section>等

标题式（Heading）：<h1>~<h6>, <hgroup>

段落式（Sectioning）：<span>,<img>

嵌入式（Embedded）:<img>, <iframe>, <svg>, <audio>, <video>, <canvas>等

交互式（Interactive）： <a>,<button>, <select>,<input>等