1.书写格式建议
不要忘记结束标签；
空元素在开始标签中关闭:<br/>
使用小写标签；
2.HTML属性
在开始标签中以名称/值对的形式出现：name="fname";
属性的值是字符串，故要用引号(" "或' ');
使用小写属性；
3.大多数元素都会有的属性即全局属性，可以用于任何HTML元素：
| class： |
为html元素定义一个或多个类名(classname)（类名从样式文件即css文件引入）； 提示：这些元素不能用class：<base>,<head>,<html>,<meta>,<param>,<script>,<title>;一个元素可以赋予多个class：<p class="classA classB">。类名之间用空格隔开；类名不能以数字开头； |
| id： | 定义元素的唯一id； |
| style： |
规定元素的行内样式（inline style）； 提示：style 属性将覆盖任何全局的样式设定，例如在 <style> 标签或在外部样式表中规定的样式； |
| title： |
描述元素的额外信息（作为工具条使用）：这些额外信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text). 提示：title属性常与form以及a元素一同使用，以提供输入格式和链接目标的信息。同时它也是abbr和acronym元素的必需属性； |
| accesskey： |
用来规定激活元素的快捷键； 提示：这些元素支持accesskey属性：<a>,<area>,<button>,<input>,<label>,<legend>以及<textarea>; |
| contenteditable： |
规定元素内容是否可编辑； 提示：如果元素没有设置contenteditable属性，那么元素会从其父元素继承该属性； |
| contextmenu： |
规定元素的上下文菜单。上下文菜单在用户点击元素时显示； 提示：contextmenu 属性规定元素的上下文菜单。当用户右键点击元素时，会出现上下文菜单。 contextmenu 属性的值是要打开的 <menu> 元素的 id。 |
| data-*： |
用于存储页面或应用程序的私有定制数据； 提示：data-* 属性包括两部分：
注释：用户代理会完全忽略前缀为 "data-" 的自定义属性 |
| dir： |
规定元素中内容的文本方向； 提示：dir 属性在这些标签中无效：<base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param> 以及 <script>。 属性可选值：ltr：默认，left-to-right; rtl：right-to-left; |
| draggable： |
规定元素是否可拖动； 提示：链接和图像默认是可以拖动的； |
| dropzone： |
规定在拖动数据时是否进行复制、移动、或链接； 提示：属性值：copy，move，link； |
| hidden： |
规定元素仍然没有/不再相关； 提示：hidden 属性是布尔属性。 如果设置该属性，它规定元素仍未或不再相关。 浏览器不应显示已规定 hidden 属性的元素。 hidden 属性也可用于防止用户查看元素，直到匹配某些条件（比如选择了某个复选框）。然后，JavaScript 可以删除 hidden 属性，以使此元素可见。 |
| lang： |
规定元素内容的语言； 提示：lang 属性在这些标签中无效：<base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param> 以及 <script>。 |
| spellcheck： |
规定是否对元素进行拼写和语法检查； 提示：可以对以下内容进行拼写检查：
|
| tabindex： |
规定元素的tab键次序； 提示：tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）； 这些元素支持 tabindex 属性：<a>, <area>, <button>, <input>, <object>, <select> 以及 <textarea>； |
| translate： |
规定是否应该翻译元素内容； 提示：请使用 class="notranslate" 替代。 |