1、功能分类标签基础类标签1. 声明必须是 HTML 文档的第一行 ALL 没有结束标签指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令始终向 HTML 文档添加 声明，这样浏览器才能获知文档类型。声明对大小写不敏感，没有结束标签2. 承载代码 ALL属性：Manifest=“url“ 定义一个 URL，在这个 URL 上描述了文档的缓存信息；Xmlns=“http:/www.w3.org/1999/xhtml“ 定义 XML namespace 属性。即使 html 元素是文档的根元素，它也不包含 doctype 元素。doctype 元素必须位于 html 元素之前3. 定义
2、文档标题。title 是 head 标签中唯一要求包含的东西 ALL属性：dir=“rtl“ 规定元素中内容的文本方向；ltrlang=“language_code“ 规定元素中内容的语言代码；xml:lang=“language_code“ 规定 XHTML 文档中元素内容的语言代码。4. 定义文档的主体 ALL属性：alink=“rgb(x,x,x) “ 不赞成使用，用样式代替。规定文档中活动链接的的颜色；#xxxxxxcolornamebackground=“URL“ 不赞成使用，用样式代替。规定文档的背景图像；bgcolor=“rgb(x,x,x) “不赞成使用，用样式代替。规定文档的
3、背景颜色；#xxxxxxcolornamelink=“rgb(x,x,x) “ 不赞成使用，用样式代替。规定文档中未访问链接的默认颜色；#xxxxxxcolornametext=“rgb(x,x,x) “ 不赞成使用，用样式代替。规定文档中所有文本的颜色；#xxxxxxcolornamevlink=“rgb(x,x,x) “ 不赞成使用，用样式代替。规定文档中已被访问链接的颜色#xxxxxxcolorname5. 定义标题 ALL标准属性：id, class, title, style, dir, lang, xml:lang由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建
4、文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果。属性：align =“left“ 不赞成使用，用样式代替。规定标题中文本的排列。centerrightjustify6. 定义段落。 ALLp 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，也可以在样式表中规定。属性：align =“left“ 不赞成使用，用样式代替。规定标题中文本的排列。centerrightjustify7. 可插入一个简单的换行符。 ALL 单标签，需被正确关闭 使用 来输入空行，而不是分割段落标签只是简单地开始新的一行，而当浏览器遇到 标签时
5、，通常会在相邻的段落之间插入一些垂直的间距8. 页面中创建一条水平线 ALL 单标签，需被正确关闭 水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分属性：align=“center“ 不赞成使用，用样式代替。规定 hr 元素的对齐方式；leftrightnoshade=“noshade“ 不赞成使用，用样式代替。规定 hr 元素的颜色呈现为纯色；size=“pixels“ 不赞成使用，用样式代替。规定 hr 元素的高度（厚度） ；width=“pixels“ 不赞成使用，用样式代替。规定 hr 元素的宽度。%9. 用于在源代码中插入注释。注释不会显示在浏览器中 AL
6、L格式类标签1. 定义首字母缩写。ALL注 HTML5 中不支持 标签，用代替。例如：WWW属性：title，移动鼠标时呈现完整版本。2. 定义各种缩写，包括首字母缩写。ALL例如：PRC可以在 标签中使用全局的 title 属性，这样就能够在鼠标指针移动到 元素上时显示出简称/缩写的完整版本。3. 定义文档文章的作者信息。ALL如果 位于 元素内，则表示文档联系信息。如果 位于 元素内，则它表示文章的联系信息。通常呈现斜体，大多数浏览器会在 address 元素前后添加折行提示： 标签不应该用于描述通讯地址，除非它是联系信息的一部分。提示： 元素通常连同其他信息被包含在 元素中。4. 定义粗
7、体格式。主流浏览器均支持。ALL5. H5 定义文本方向。允许标签内文字驼子父元素的文本方向。只有火狐和 google 支持。 属性 dir=ltr（rtl、auto）6. 定义文字方向。ALL属性 dir=ltr（rtl） 例如：Here is some Hebrew text7. 定义大号文本。ALL个别浏览器支持，会呈现特大号或者加粗效果。8. 定义长引用。有关闭标签 ALL标签中的文字从父元素中隔离出来通常会缩进左右外边距，可能显示斜体。属性：cite 规定引用的来源。 cite=url ，但没有浏览器能够正常显示 cite9. 定义居中显示。ALL通常用样式显示，不建议用标签。10.
8、 定义参考文献的引用。ALL11. 定义计算机源代码或其他机器可以阅读的文本内容。呈现等宽效果，可能以后会加入其他效果。如果只想实现等宽，建议考虑12. 定义删除文本。ALL属性 cite=url datetime=YYYYMMDD例如：二十13. 定义标记特殊术语或短语通常斜体显示，可能以后会加入其他效果（少用）14. 定义强调文本，主流浏览器会斜体显示，以后可能加入其他效果显示。强调内容不要过多或过少。当引入新的术语或在引用特定类型的术语或概念时作为固定样式时，也可以考虑15. 规定文本的字体、字体尺寸、字体颜色。ALL属性：size（字体大小） ；color（字体颜色） 案例：我就喜欢这
9、个字体16. 定义斜体文本效果。ALL17. 定义插入文本样式（下划线） 。ALL属性 cite=url datetime=YYYYMMDD没有主流浏览器能够正确地显示 标签的 cite 或 datetime 属性18. 定义从键盘输入的文本。 通常以等宽字体显示例如：quit19. H5 定义带有记号的文本。ALL请在需要突出显示文本时使用 标签。例如：这个是今年的互联网新商业模式20. H5 定义已知范围内或分数值内的的标量测量，也称尺度。除 IE 之外的主流浏览器都支持（火狐、google、Mac、欧朋）案例：十分之三属性：form=“form_id“ H5 规定 元素所属的一个或多个表
10、单。high=“number“ H5 规定被视作高的值的范围。low=“number“ H5 规定被视作低的值的范围。max=“number“ H5 规定范围的最大值。min=“number“ H5 规定范围的最小值。optimum=“number“ H5 规定度量的优化值。value=“number“ H5 必需。规定度量的当前值。21. 定义预格式化文本。ALL被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。22. H5 定义标签任务进度。有结束标签 ALL属性：max 规定任务一共需要多少工作；value 规定已经完成多少任务例如：不适合用来表示度量衡（例
11、如，磁盘空间使用情况或查询结果） 。如需表示度量衡，请使用 标签代替。23. 定义行内短应用。 ALL短引用会在句中在引用内容中加入引号。属性：cite=“citation“ 定义引用的出处或来源（citation）24. H5 标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。ruby 注释是中文注音或字符。 ALLruby 元素由一个或多个字符（需要一个解释 /发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 “ruby“ 元素时显示的内容。支持 “ruby“ 元素的浏览器不会显示 “rp“ 元素的内容。25. H5 标签
12、定义字符（中文注音或字符）的解释或发音。ALLruby 注释是中文注音或字符。与 以及 标签一同使用：26. H5 标签定义 ruby 注释（中文注音或字符） 。ALL27. 标签可定义加删除线文本定义。ALL标签是 标签的缩写版本，不被赞成使用，用代替。28. 标签表示一段用户应该对其没有什么其他解释的文本字符。例如：字符序列 ae 可能会被转换为 连字字符。字符序列 ae 可能会被转换为 连字字符。29. 定义小号字体效果。ALL标签都把文本的字体变小一号，直到达到下限的一号字。30. 定义加删除线文本。不赞成使用。用代替 ALL31. 定义语气比更为强烈的强调文本。通常呈现加粗效果32.
13、 定义上标文本。ALL33. 定义下标文本。ALL34. H5 定义公历时间或日期，时间和时区偏移是可选的。ALL 不呈现特殊效果属性：datetime=“datetime“规定日期 / 时间。否则由元素的内容给定日期时间。pubdate =“pubdate“ 指示元素中的日期时间是文档元素内容中发布的日期。35. 标签呈现类似打字机或者等宽的文本效果。ALL对于已经使用了等宽字体的浏览器来说，本标签在文本显示上就没有什么特殊效果。36. 标签可定义下划线文本。ALL 不被推荐使用的。37. 定义文本变量，或者由用户提供的值。经常与 和 标签一起使用。38. H5 规定在文本中的何处适合添加换
14、行符。 除了 IE，主流浏览器均支持该标签如果单词太长或者担心浏览器会在错误的位置换行，可以使用 元素来添加 Word Break Opportunity（单词换行时机） 。表单类标签1. 定义表单 ALL注释：form 元素是块级元素，其前后会产生折行。2. 用来搜集用户信息。ALL根据不同 tpye 属性值，可输入文本、复选框、单选、多选、按钮等。文本框密码框复选框按钮提交按钮重置按钮单选简单的下拉列表Volvo第三项被选择的下拉列表VolvoSaabFiatAudi多行文本框带标题框的表单健康信息身高：体重：发送电邮：属性值：accept=“mime_type“ 规定通过文件上传来提交的
15、文件类型；align=“left“ 规定图像输入的对齐方式。不赞成使用；righttopmiddlebottomalt=“text“ 定义图像输入的代替文本；autocomplete=“on/off“ H5 规定是否使用输入字段的自动完成功能；autofocus=“autofocus“ H5 规定输入字段在页面加载时获得焦点；（不适用于 type=“hidden“）checked=“checked“ 规定此 input 元素首次加载时应当被选中；disabled=“disabled“ 当 input 元素加载时禁用此元素；form=“formname“ H5 规定输入字段所属的一个或多个表单；
16、formaction=“URL“ H5 覆盖表单的 action 属性。formenctype=“见注释“ H5 覆盖表单的 action 属性。（适用于 type=“submit“ 和 type=“image“）formmethod=“get/post“ H5 覆盖表单的 method 属性。（适用于 type=“submit“ 和 type=“image“）formnovalidate=“formnovalidate“ H5 覆盖表单的 novalidate 属性。如果使用该属性，则提交表单时不进行验证。formtarget=“framename“ H5 覆盖表单的 target 属性。_
17、blank （适用于 type=“submit“ 和 type=“image“）_self_parent_topheight=“%“ H5 定义 input 字段的高度。 （适用于 type=“image“） ；list=“datalist-id“ H5 引用包含输入字段的预定义选项的 datalist； max=“number/date“ H5 规定输入字段的最大值请与 “min“ 属性配合使用，来创建合法值的范围；maxlength=“number“ 规定输入字段中的字符的最大长度；min=“number/date“ H5 规定输入字段的最小值请与 “max“ 属性配合使用，来创建合法值的
18、范围；multiple=“multiple“ H5 如果使用该属性，则允许一个以上的值；name=“field_name“ 定义 input 元素的名称；pattern=“regexp_pattern“ H5 规定输入字段的值的模式或格式；例如 pattern=“0-9“表示输入值必须是 0 与 9 之间的数字；placeholder=“text“ H5 规定帮助用户填写输入字段的提示；readonly=“readonly“ 规定输入字段为只读；required=“required“ H5 指示输入字段的值是必需的；size=“number_of_char“ 定义输入字段的宽度；Src=“UR
19、L“ 定义以提交按钮形式显示的图像的 URL；step=“number“ H5 规定输入字的的合法数字间隔；type=“button“ 规定 input 元素的类型；checkboxfilehiddenimagepasswordradioresetsubmittext value=“value“ 规定 input 元素的值；width=“%“ H5 定义 input 字段的宽度。 （适用于 type=“image“） ；3. 定义多行的文本输入控件 ALL 可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用CSS 的 height 和 width 属性
20、。可以通过 标签的 wrap 属性设置文本输入区内的换行模式。autofocus=“autofocus“ H5 页面加载后文本区域自动获得焦点；cols=“number“ 规定文本区内的可见宽度；disabled=“disabled“ 规定禁用该文本区；form=“form_id“ H5 规定文本区域所属的一个或多个表单；maxlength=“number“ H5 规定文本区域的最大字符数；name=“name_of_textarea“ 规定文本区的名称；placeholder=“text“ H5 规定描述文本区域预期值的简短提示；readonly=“readonly“ 规定文本区为只读；re
21、quired=“required“ H5 规定文本区域是必填的；rows=“number“ 规定文本区内的可见行数；wrap=“hard/soft“ H5 规定当在表单中提交时，文本区域中的文本如何换行。4. 定义按钮。不同浏览器提交的值不同。ALL IE 将提交 与 之间的文本，其他浏览器将提交 value 属性的内容。与 input 不同之处是 botton 中可以使用文字或图片的元素IE 的默认类型是 “button“，而其他浏览器中（包括 W3C 规范）的默认值是 “submit“。botton 的属性：autofocus=“autofocus“ H5 规定当页面加载时按钮应当自动地获
22、得焦点；disabled=“disabled“ 规定应该禁用该按钮；form=“form_name“ H5 规定按钮属于一个或多个表单；formaction=“url“ H5 覆盖 form 元素的 action 属性注释：该属性与 type=“submit“ 配合使用；formenctype 见注释 H5 覆盖 form 元素的 enctype 属性注释：该属性与 type=“submit“ 配合使用；formmethod =“get“ H5 覆盖 form 元素的 method 属性post 注释：该属性与 type=“submit“ 配合使用；formnovalidate=“formno
23、validate“ H5 覆盖 form 元素的 novalidate 属性注释：该属性与 type=“submit“ 配合使用；formtarget =“_blank“ H5 覆盖 form 元素的 target 属性_self 注释：该属性与 type=“submit“ 配合使用；_parent_topframenamename=“button_name“ 规定按钮的名称；type=“button“ 规定按钮的类型；resetsubmitvalue=“text“ 规定按钮的初始值。可由脚本进行修改；注释：formenctype 属性可能的值：application/x-www-form-u
24、rlencodedmultipart/form-datatext/plain5. 定义下拉列表。可创建单选或多远菜单。ALL也可用于表单中接受用户输入的文本框 属性：autofocus=“autofocus“ H5 规定在页面加载后文本区域自动获得焦点；disabled=“disabled“ 规定禁用该下拉列表；form=“form_id“ H5 规定文本区域所属的一个或多个表单；multiple=“multiple“ 规定可选择多个选项；name=“name“ 规定下拉列表的名称；required=“required“ H5 规定文本区域是必填的；size=“number“ 规定下拉列表中可
25、见选项的数目。6. 定义选项组。也可用于组合选项 ALL 属性：label=“text“ 为选项组规定描述（必需属性）disabled=“disabled“ 规定禁用该选项组（可选属性）7. 定义下拉列表中的一个选项（一个条目）ALL浏览器将 option 中的内容作为 select 标签的菜单或是滚动列表中的一个元素显示。option 如果不与 select 一起使用，则无意义。option 元素位于 select 元素内部。属性：disabled=“disabled“ 规定此选项应在首次加载时被禁用。label=“text“ 定义当使用 时所使用的标注。selected=“selected
26、“ 规定选项（在首次显示在列表中时）表现为选中状态。value=“text“ 定义送往服务器的选项值。8. input 元素定义标注. ALL 当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。属性：for=“id“ 规定 label 绑定到哪个表单元素。form=“formid“ H5 规定 label 字段所属的一个或多个表单。9. 将表单内容的一部分打包，生成一组相关表单的字段（相关元素分组） 。ALL当一组表单元素放到 fieldset 时，浏览器会以特殊的边界、3D 等效果，或者可创建一个子表单来处理这些元素。属性：disabled=“disabled“ 规定应该禁
27、用 fieldset。form=“form_id“ 规定 fieldset 所属的一个或多个表单。name=“value“ 规定 fieldset 的名称。10. 标签为 fieldset 元素定义标题。ALLalign=“top“ 不赞成使用，用样式代替。bottom 为 fieldset 中的标题定义对齐方式。leftright11. 不赞成使用。定义与文档相关的可搜索索引。12. H5 标签定义选项列表。与 input 元素配合使用该元素，来定义 input 可能的值。datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。所有主流浏览器均支持 datalist，除了 IE
28、和 Safari13. H5 用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。所有主流浏览器均支持 datalist，除了 IE 和 Safari属性：autofocus=“autofocus“ H5 使 keygen 字段在页面加载时获得焦点；challenge=“challenge“ H5 如果使用，则将 keygen 的值设置为在提交时询问；disabled=“disabled“ H5 禁用 keytag 字段；form=“formname“ H5 定义该 keygen 字段所属的一个或多个表单；keytype=“rsa“ H5 定义 keytype。rsa 生成 RSA 密钥；name=“fieldname“ H5 定义 keygen 元素的唯一名称；name 属性用于在提交表单时搜集字段的值。14. H5 定义不同类型的输出，比如脚本的输出。
