自闭合标签: 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>等