参考:https://www.runoob.com/html/html-intro.html
参考:https://www.runoob.com/tags/ref-pxtoemconversion.html
进度:https://www.runoob.com/html/html-forms.html
<!DOCTYPE> :声明位于文档中的最前面的位置,处于 标签之前。<!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。
标签
- <div> :块级元素
- <span> :内链元素
- <h1> - <h6> :标题
- <p> :段落
- <a> :链接
- <img> :图像
- <map> :图像地图
- <area> :图像地图中的可点击区域
- <br> :换行
- <br/> :空元素
- <hr> :水平线
- <from> :表单
- <input> :输入
- <textarea> :文本域,多行输入
- <select> :下拉列表
- <radio-buttons> :单选
- <checkbox> :复选
- <fieldset> :定义了一组相关的表单元素,并使用外框包含起来
- <legend> :定义了 <fieldset> 元素的标题
- <optgroup> :定义了下拉选项列表
- <option> :定义选项组
- <button> :定义一个点击按钮
- <datalist> :指定一个预先定义的输入控件选项列表
- <keygen> :定义了表单的密钥对生成器字段
- <output> :定义一个计算结果
- <table> :表格
- <tr> :表格行
- <th> :表头
- <td> :单元格,可以包含文本、图片、列表、段落、表单、水平线、表格等等。
- <caption> :定义表格标题
- <colgroup> :定义表格列的组
- <col> :定义用于表格列的属性
- <thead> :定义表格的页眉
- <tbody> :定义表格的主体
- <tfoot> :定义表格的页脚
- <ul> :无序列表
- <ol> :有序列表
- <li> :列表行
- <dl> :自定义列表
- <dt> :自定义列表行
- <dd> :自定义列表行结束
- <!-- *** --> :注释
- <b> :加粗
- <i> :斜体
- <strong> :加粗
- <em> :斜体
- <sub> :下标
- <sup> :上标
- <code> :电脑自动输出
- <small> :小号字
- <ins> :插入字
- <del> :删除字
- <kbd> :键盘码
- <samp> :计算机代码样本
- <var> :变量
- <pre> :预格式文本
- <abbr> :缩写
- <address> :地址
- <bdo> :文字方向
- <blockquote> :长引用
- <q> :短引用
- <cite> :引用、引证
- <dfn> :定义项目
- <title> :定义HTML文档的标题
- <base> :定义页面中所有链接默认的链接目标地址。
- <meta> :元素来描述HTML文档的描述,关键词,作者,字符集等。
①为搜索引擎定义关键词:<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"> ②为网页定义描述内容:<meta name="description" content="免费 Web & 编程 教程"> ③定义网页作者:<meta name="author" content="Runoob"> ④每30秒钟刷新当前页面:<meta http-equiv="refresh" content="30">
- <head> :元素包含了所有的头部标签元素。在 元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>,<script>, <noscript> 和 <base>。
- <link> :标签定义了文档与外部资源之间的关系。通常用于链接到样式表
- <style> :定义了HTML文档的样式文件引用地址
- <script> :用于加载脚本文件,如: JavaScript
- <iframe> :引用外部网页
属性
通用标准属性
属性 | 值 | 描述 |
---|---|---|
class | classname | 规定元素的类名 |
dir | rtl、ltr | 规定元素中内容的文本方向 |
id | id | 规定元素的唯一 id |
lang | language_code | 规定元素中内容的语言代码 |
style | style_definition | 规定元素的行内样式 |
title | text | 规定元素的额外信息 |
xml:lang | language_code | 规定 XHTML 文档中元素内容的语言代码 |
通用事件属性
属性 | 值 | 描述 |
---|---|---|
onclick | script | 当鼠标被单击时执行脚本 |
ondblclick | script | 当鼠标被双击时执行脚本 |
onmousedown | script | 当鼠标按钮被按下时执行脚本 |
onmousemove | script | 当鼠标指针移动时执行脚本 |
onmouseout | script | 当鼠标指针移出某元素时执行脚本 |
onmouseover | script | 当鼠标指针悬停于某元素之上时执行脚本 |
onmouseup | script | 当鼠标按钮被松开时执行脚本 |
onkeydown | script | 当键盘被按下时执行脚本 |
onkeypress | script | 当键盘被按下后又松开时执行脚本 |
onkeyup | script | 当键盘被松开时执行脚本 |
<a> :链接
属性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
coords | coordinates | HTML5 不支持。规定链接的坐标。 |
download | filename | 指定下载链接 |
href | URL | 规定链接的目标 URL。 |
hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
media | media_query | 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。 |
name | section_name | HTML5 不支持。规定锚的名称。 |
rel | alternate、author、bookmark、help、license、next、nofollow、noreferrer、prefetch、prev、search | tag 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
shape | default、rect、circle、poly HTML5 不支持。规定链接的形状。 | |
target _ | blank(新窗口打开)、_parent(在父窗口中打开链接)、_self(默认,当前页面跳转)、_top(在当前窗体打开链接,并替换当前的整个窗体(框架页))、framename | 规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
type | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注:MIME = Multipurpose Internet Mail Extensions。 |
<abbr> :缩写
title:标签地址
<acronym> :缩写(h5不支持)
支持通用事件属性以及标准属性
<address> :地址
<address> 标签定义文档作者/所有者的联系信息。
如果 <address> 元素位于 <body> 元素内部,则它表示该文档作者/所有者的联系信息。
如果 <address> 元素位于 <article> 元素内部,则它表示该文章作者/所有者的联系信息。
<address> 元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。
<area> :带有可点击区域的图像映射
<area> 标签定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)。
<area> 元素始终嵌套在 <map> 标签内部。
注释: <img> 标签中的 usemap 属性与 <map> 元素中的 name 相关联,以创建图像与映射之间的关系。
属性 | 值 | 描述 |
---|---|---|
alt | text | 规定区域的替代文本。如果使用 href 属性,则该属性是必需的。 |
coords | coordinates | 规定区域的坐标。 |
href | URL | 规定区域的目标 URL。 |
hreflang | language_code | 规定目标 URL 的语言。 |
media | media query | 规定目标 URL 是为何种媒介/设备优化的。默认:all。 |
nohref | value | HTML5 不支持。 规定没有相关链接的区域。 |
rel | alternate、author、bookmark、help、license、next、nofollow、noreferrer、prefetch、prev、search、tag | 规定当前文档与目标 URL 之间的关系。 |
shape | default、rect、circle、poly | 规定区域的形状。 |
target | _blank、_parent、_self、_top、framename | 规定在何处打开目标 URL。 |
type | MIME_type | 规定目标 URL 的 MIME 类型。注:MIME = Multipurpose Internet Mail Extensions。 |
<article> :标签
<article> 标签定义独立的内容。
<article> 标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。
<article> 的潜在来源:
- 论坛帖子
- 博客文章
- 新闻故事
- 评论
<aside> :标签
<aside> 标签定义 <article> 标签外的内容。
aside 的内容应该与附近的内容相关。
<audio> :播放声音
属性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 如果出现该属性,则音频在就绪后马上播放。 |
controls | controls | 如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)。 |
loop | loop | 如果出现该属性,则每当音频结束时重新开始播放。 |
muted | muted | 如果出现该属性,则音频输出为静音。 |
preload | auto、metadata、none | 规定当网页加载时,音频是否默认被加载以及如何被加载。 |
src | URL | 规定音频文件的 URL。 |
<video>:播放录像
目前,<video> 元素支持三种视频格式:MP4、WebM、Ogg。
属性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 如果出现该属性,则视频在就绪后马上播放。 |
controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
height | pixels | 设置视频播放器的高度。 |
loop | loop | 如果出现该属性,则当媒介文件完成播放后再次开始播放。 |
muted | muted | 如果出现该属性,视频的音频输出为静音。 |
poster | URL | 规定视频正在下载时显示的图像,直到用户点击播放按钮。 |
preload | auto、metadata、none | 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 “autoplay”,则忽略该属性。 |
src | URL | 要播放的视频的 URL。 |
width | pixels | 设置视频播放器的宽度。 |
<basefont> :规定页面上文本的默认颜色和大小(HTML5 不支持)
## \ :将用户名从周围的文本方向设置中隔离出来 bdi 指的是 bidi 隔离(Bi-directional Isolation)。 \ 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。 在发布用户评论或其他您无法完全控制的内容时,该标签很有用。
<bdo> :指定文本方向
属性 | 值 | 描述 |
---|---|---|
dir | ltr、rtl | 必需。规定 元素内的文本方向。 |
<big> :让文本比常规的字体大一号
支持通用事件属性以及标准属性
<blockquote> :定义一个摘自另一个源的块引用
<blockquote> 标签定义摘自另一个源的块引用。
浏览器通常会对 <blockquote> 元素进行缩进。
属性 | 值 | 描述 |
---|---|---|
cite | URL | 规定引用的来源。 |
<body> :一个简单的 HTML 文档
<body> 标签定义文档的主体。
<body> 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。
属性 | 值 | 描述 |
---|---|---|
alink | color | HTML5 不支持。 HTML 4.01 已废弃。 规定文档中活动链接的颜色。 |
background | URL | HTML5 不支持。 HTML 4.01 已废弃。 规定文档的背景图像。 |
bgcolor | color | HTML5 不支持。 HTML 4.01 已废弃。规定文档的背景颜色。 |
link | color | HTML5 不支持。 HTML 4.01 已废弃。规定文档中未访问链接的颜色。 |
text | color | HTML5 不支持。 HTML 4.01 已废弃。规定文档中所有文本的颜色。 |
vlink | color | HTML5 不支持。 HTML 4.01 已废弃。规定文档中已被访问链接的颜色。 |
<br> :标记换行
<canvas> :图形容器画板
<canvas> 标签通过脚本(通常是 JavaScript)来绘制图形(比如图表和其他图像)。
<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。
属性 | 值 | 描述 |
---|---|---|
height | pixels | 规定画布的高度。 |
width | pixels | 规定画布的宽度。 |
<caption> :带有标题的表格
<caption> 标签定义表格的标题。
<caption> 标签必须直接放置到 <table> 标签之后。
您只能对每个表格定义一个标题。
提示:通常这个标题会被居中于表格之上。然而,CSS 属性 “text-align” 和 “caption-side” 能用来设置标题的对齐方式和显示位置。
属性 | 值 | 描述 |
---|---|---|
align | left、right、top、bottom | HTML5 不支持。HTML 4.01 已废弃。 定义标题的对齐方式。 |
<table>:表格
一个 HTML 表格包括 <table> 元素,一个或多个 <tr>、<th> 以及 <td> 元素。
<tr> 元素定义表格行,<th> 元素定义表头,<td> 元素定义表格单元。
更复杂的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。
属性 | 值 | 描述 |
---|---|---|
align | left、center、right | HTML5 不支持。HTML 4.01 已废弃。 规定表格相对周围元素的对齐方式。 |
bgcolor | rgb(x,x,x)、#xxxxxx、colorname | HTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。 |
border | 1、“” | HTML5 不支持。规定表格单元是否拥有边框。 |
cellpadding | pixels | HTML5 不支持。规定单元边沿与其内容之间的空白。 |
cellspacing | pixels | HTML5 不支持。规定单元格之间的空白。 |
frame | void、above、below、hsides、lhs、rhs、vsides、box、border | HTML5 不支持。规定外侧边框的哪个部分是可见的。 |
rules | none、groups、rows、cols、all | HTML5 不支持。规定内侧边框的哪个部分是可见的。 |
summary | text | HTML5 不支持。规定表格的摘要。 |
width | pixels、% | HTML5 不支持。规定表格的宽度。 |
<tbody>:用于组合 HTML 表格的主体内容。
元素应该与 <thead> and <tfoot> 元素结合起来使用,用来规定表格的各个部分(主体、表头、页脚)。
通过使用这些元素,使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
<tbody> 标签必须被用在以下情境中:作为 <table> 元素的子元素,出现在 <caption>、<colgroup> 和 <thead> 元素之后。
注释:<tbody> 元素内部必须包含一个或者多个 标签。
提示:<thead>、<tbody> 和 <tfoot> 元素默认不会影响表格的布局。不过,您可以使用 CSS 来为这些元素定义样式,从而改变表格的外观。
属性 | 值 | 描述 |
---|---|---|
align | right、left、center、justify、char | HTML5 不支持。定义 <tbody> 元素中内容的对齐方式。 |
char | character | HTML5 不支持。规定 <tbody> 元素中内容根据哪个字符来对进行文本对齐。 |
charoff | number | HTML5 不支持。规定 <tbody> 元素中内容的第一个对齐字符的偏移量。 |
valign | top、middle、bottom、baseline | HTML5 不支持。规定 <tbody> 元素中内容的垂直对齐方式。 |
<td>:单元格
属性 | 值 | 描述 |
---|---|---|
abbr | text | HTML5 不支持。规定单元格中内容的缩写版本。 |
align | left、right、center、justify、char | HTML5 不支持。规定单元格内容的水平对齐方式。 |
axis | category_name | HTML5 不支持。对单元格进行分类。 |
bgcolor | rgb(x,x,x)、#xxxxxx、colorname | HTML5 不支持。HTML 4.01 已废弃。 规定单元格的背景颜色。 |
char | character | HTML5 不支持。规定根据哪个字符来进行内容的对齐。 |
charoff | number | HTML5 不支持。规定对齐字符的偏移量。 |
colspan | number | 规定单元格可横跨的列数。 |
headers | header_id | 规定与单元格相关联的一个或多个表头单元格。 |
height | pixels、% | HTML5 不支持。HTML 4.01 已废弃。设置单元格的高度。 |
nowrap | nowrap | HTML5 不支持。HTML 4.01 已废弃。规定单元格中的内容是否折行。 |
rowspan | number | 设置单元格可纵跨的行数。 |
scope | col、colgroup、row、rowgroup | HTML5 不支持。定义将表头单元格与数据单元格相关联的方法。 |
valign | top、middle、bottom、baseline | HTML5 不支持。规定单元格内容的垂直排列方式。 |
width | pixels、% | HTML5 不支持。HTML 4.01 已废弃。 规定单元格的宽度。 |
<tfoot>:表格的页脚内容
元素应该与 <thead> 和 <tbody> 元素结合起来使用,用来规定表格的各个部分(页脚、表头、主体)。
通过使用这些元素,使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
<tfoot> 标签必须被用在以下情境中:作为 <table> 元素的子元素,出现在 <caption>、<colgroup> 和 <thead> 元素之后,<tbody> 和 <tr> 元素之前。
注释:<tfoot> 元素内部必须包含一个或者多个 <tr> 标签。
提示:<thead>、<tbody> 和 <tfoot> 元素默认不会影响表格的布局。不过,您可以使用 CSS 来为这些元素定义样式,从而改变表格的外观。
属性 | 值 | 描述 |
---|---|---|
align | right、left、center、justify、char | HTML5 不支持。定义 <tfoot> 元素中内容的对齐方式。 |
char | character | HTML5 不支持。规定 <tfoot> 元素中内容根据哪个字符来对进行文本对齐。 |
charoff | number | HTML5 不支持。规定 <tfoot> 元素中内容的第一个对齐字符的偏移量。 |
valign | top、middle、bottom、baseline | HTML5 不支持。规定 <tfoot> 元素中内容的垂直对齐方式。 |
<th>:表格的表头单元格
元素中的文本通常呈现为粗体并且居中。
提示:如果需要将内容横跨多个行或列,请使用 colspan 和 rowspan 属性!
属性 | 值 | 描述 |
---|---|---|
abbr | text | HTML5 不支持。 规定表头单元格中内容的缩写版本。 |
align | right、left、center、justify、char | HTML5 不支持。定义 |
axis | category_name | HTML5 不支持。 对表头单元格进行分类。 |
bgcolor | rgb(x,x,x)、#xxxxxx、colorname | HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格的背景颜色。 |
char | character | HTML5 不支持。 规定根据哪个字符来进行内容的对齐。 |
charoff | number | HTML5 不支持。 规定对齐字符的偏移量。 |
colspan | number | 规定表头单元格可横跨的列数。 |
headers | header_id | 规定与表头单元格相关联的一个或多个表头单元格。 |
height | pixels、% | HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格的高度。 |
nowrap | nowrap | HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格中的内容是否折行。 |
rowspan | number | 规定表头单元格可纵跨的行数。 |
scope | col、colgroup、row、rowgroup | 规定表头单元格是否是行、列、行组或列组的头部。 |
valign | top、middle、bottom、baseline | HTML5 不支持。 规定表头单元格内容的垂直排列方式。 |
width | pixels、% | HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格的宽度。 |
<thead>:表格的表头内容
<thead> 元素应该与 <tbody> 和 <tfoot> 元素结合起来使用,用来规定表格的各个部分(表头、主体、页脚)。
通过使用这些元素,使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
<thead> 标签必须被用在以下情境中:作为 <table> 元素的子元素,出现在 <caption>、<colgroup> 元素之后,<tbody>、 <tfoot> 和 <tr> 元素之前。
注释:<thead> 元素内部必须包含一个或者多个 <tr> 标签。
提示:<thead>、<tbody> 和 <tfoot> 元素默认不会影响表格的布局。不过,您可以使用 CSS 来为这些元素定义样式,从而改变表格的外观。
属性 | 值 | 描述 |
---|---|---|
align | right、left、center、justify、char | HTML5 不支持。定义 <thead> 元素中内容的对齐方式。 |
char | character | HTML5 不支持。规定 <thead> 元素中内容根据哪个字符来对进行文本对齐。 |
charoff | number | HTML5 不支持。规定 <thead> 元素中内容的第一个对齐字符的偏移量。 |
valign | top、middle、bottom、baseline | HTML5 不支持。规定 <thead> 元素中内容的垂直对齐方式。 |
<tr>:定义 HTML 表格中的行
一个 <tr> 元素包含一个或多个 <th> 或 <td> 元素。
属性 | 值 | 描述 |
---|---|---|
align | right、left、center、justify、char | HTML5 不支持。定义表格行的内容对齐方式。 |
bgcolor | rgb(x,x,x)、#xxxxxx、colorname | HTML5 不支持。HTML 4.01 已废弃。 规定表格行的背景颜色 |
char | character | HTML5 不支持。规定根据哪个字符来进行文本对齐。 |
charoff | number | HTML5 不支持。规定第一个对齐字符的偏移量。 |
valign | top、middle、bottom、baseline | HTML5 不支持。规定表格行中内容的垂直对齐方式。 |
<center> :将 HTML 网页中的文本进行水平居中处理(h5不支持)
对其所包括的文本进行水平居中。
支持通用事件属性以及标准属性
<cite> :定义作品的标题
定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。
注释:人名不属于作品的标题。
<code> :文本格式化—计算机代码文本
<dfn> :文本格式化—定义一个定义项目
<b> :文本格式化—文本加粗
<em> :文本格式化—强调文本
<strong> :文本格式化—重要的文本、加粗文本
<samp> :文本格式化—定义样本文本(计算机样本)
<kbd> :文本格式化—定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中
<var> :文本格式化—定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
<i> :文本格式化—呈现为斜体文本
<mark> :文本格式化—文本高亮显示
<p> :文本格式化—段落
<wbr> :文本格式化—在文本中的何处适合添加换行符
<sub> :文本格式化—添加下标
<sup> :文本格式化—添加上标
<u> :文本格式化—为文本添加下划线
<tt> :文本格式化—定义打字机文本(h5不支持)
支持通用事件属性以及标准属性
<small> :文本格式化—小型文本(和旁注)
<span> :文本格式化—对文本中的一部分进行操作
<del> <ins> :文本格式化—定义文档中已删除/已插入的文本
属性 | 值 | 描述 |
---|---|---|
cite | URL | 规定一个解释了文本被删除/被插入的原因的文档的 URL。 |
datetime | YYYY-MM-DDThh:mm:ssTZD | 规定文本被删除/被插入的日期和时间。 |
<strike> :文本格式化—给文本添加删除线(h5不支持)
支持通用事件属性以及标准属性
<s> :文本格式化—标签对那些不正确、不准确或者没有用的文本进行标识,会加删除线
<pre> :文本格式化—可定义预格式化的文本。被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<q> :文本格式化—定义一个短的引用。浏览器经常会在这种引用的周围插入引号。
属性 | 值 | 描述 |
---|---|---|
cite | URL | 规定引用的源 URL。 |
<ruby> :文本格式化—定义 ruby 注释(中文注音或字符)
<ruby>
汉 <rp>(</rp><rt>Han</rt><rp>)</rp>
字 <rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>
<rp> :文本格式化—在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。ruby 注释是中文注音或字符。在东亚使用,显示的是东亚字符的发音。
<rt> :文本格式化—定义字符(中文注音或字符)的解释或发音。
<col> <colgroup>: <col>规定<colgroup> 元素内部的每一列的列属性
属性 | 值 | 描述 |
---|---|---|
align | left、right、center、justify、char | HTML5 不支持。规定与 <col> 元素相关的内容的水平对齐方式。 |
char | character | HTML5 不支持。规定根据哪个字符来对齐与 <col> 元素相关的内容。 |
charoff | number | HTML5 不支持。规定第一个对齐字符的偏移量。 |
span | number | 规定 <col> 元素应该横跨的列数。 |
valign | top、middle、bottom、baseline | HTML5 不支持。规定与 <col> 元素相关的内容的垂直对齐方式。 |
width | %、pixels、relative_length | HTML5 不支持。Specifies the width of a <col> element |
<datalist>:描述了<input>其可能的值
<datalist> 标签规定了 <input> 元素可能的选项列表。
<datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性。用户能看到一个下拉列表,里边的选项是预先定义好的,将作为用户的输入数据。
请使用 <input> 元素的 list 属性来绑定 <datalist> 元素。
<dd><dl><dt> :带有项目和描述的描述列表
<dd> 标签被用来对一个描述列表中的项目/名字进行描述。
<dl> 标签定义一个描述列表。
<dt> 标签定义一个描述列表的项目/名字。
<dd> 标签与 <dl> (定义一个描述列表)和 <dt> (定义项目/名字)一起使用。
在 <dd> 标签内,您能放置段落、换行、图片、链接、列表等等。
<details> :规定了用户可见的或者隐藏的需求的补充细节
<details> 标签规定了用户可见的或者隐藏的需求的补充细节。
<details> 标签用来供用户开启关闭的交互式控件。任何形式的内容都能被放在 <details> 标签里边。
<details> 元素的内容对用户是不可见的,除非设置了 open 属性。
属性 | 值 | 描述 |
---|---|---|
open | open | 规定 details 是否可见。 |
<summary>:为 <details> 元素定义一个可见的标题。 当用户点击标题时会显示出详细信息。
<dialog>:定义一个对话框、确认框或窗口
属性 | 值 | 描述 |
---|---|---|
open | open | 规定 dialog 元素是有效的,用户可以与它进行交互。 |
<dir>:目录列表(h5不支持)
支持通用事件属性以及标准属性
<div> :块级元素
<div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。
<div>标签常用于组合块级元素,以便通过 CSS 来对这些元素进行格式化。
属性 | 值 | 描述 |
---|---|---|
align | left、right、center、justify | HTML5 不支持。HTML 4.01 已废弃。 规定
元素中的内容的对齐方式。
|
<embed> :定义了一个容器,用来嵌入外部应用或者互动程序(插件)
属性 | 值 | 描述 |
---|---|---|
height | pixels | 规定嵌入内容的高度。 |
src | URL | 规定被嵌入内容的 URL。 |
type | MIME_type | 规定嵌入内容的 MIME 类型。注:MIME = Multipurpose Internet Mail Extensions。 |
width | pixels | 规定嵌入内容的宽度。 |
<figure>:标记文档中的一个图像
<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。
<figure> 元素的内容应该与主内容相关,同时元素的位置相对于主内容是独立的。如果被删除,则不应对文档流产生影响。
<figcaption>:标记文档中的一个图像。<figure> 元素带有一个标题
<figcaption> 标签为 <figure> 元素定义标题。
<figcaption> 元素应该被置于 <figure> 元素的第一个或最后一个子元素的位置。
<font> :规定文本的尺寸、字体和颜色(h5不支持)
支持标准属性以及下列可选属性:
属性 | 值 | 描述 |
---|---|---|
color | rgb(x,x,x)、#xxxxxx、colorname | HTML5 不支持。HTML 4.01 已废弃。 规定文本的颜色。 |
face | font_family | HTML5 不支持。HTML 4.01 已废弃。 规定文本的字体。 |
size | number | HTML5 不支持。HTML 4.01 已废弃。 规定文本的尺寸。 |
<footer>:文档的页脚
<footer> 标签定义文档或者文档的一部分区域的页脚。
<footer> 元素应该包含它所包含的元素的信息。
在典型情况下,该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。
在一个文档中,您可以定义多个 <footer> 元素。
<html>:告知浏览器这是一个 HTML 文档
属性 | 值 | 描述 |
---|---|---|
manifest | URL | 定义一个 URL,在这个 URL 上描述了文档的缓存信息。 |
xmlns | http://www.w3.org/1999/xhtml | HTML 不支持。只有 XHTML 支持。 规定 XML 的 namespace 属性(如果您需要您的内容符合 XHTML,则使用这个属性。)。 |
<head> :所有头部元素的容器
必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息。
以下列出的元素能被用在 元素内部:
- <title> (在头部中,这个元素是必需的)
- <style>
- <base>
- <link>
- <meta>
- <script>
- <noscript>
<title>:HTML 文档定义标题
<title>元素:
- 定义浏览器工具栏中的标题
- 提供页面被添加到收藏夹时的标题
- 显示在搜索引擎结果中的页面标题
<base> :规定页面上所有链接的默认 URL 和默认目标
<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。
在一个文档中,最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部。
属性 | 值 | 描述 |
---|---|---|
href | URL | 规定页面中所有相对链接的基准 URL。 |
target | _blank、_parent、_self、_top、framename | 规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖。 |
<link>:链接到外部样式文件
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
属性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持该属性。 定义被链接文档的字符编码方式。 |
href | URL | 定义被链接文档的位置。 |
hreflang | language_code | 定义被链接文档中文本的语言。 |
media | media_query | 规定被链接文档将显示在什么设备上。 |
rel | alternate、archives、author、bookmark、external、first、help、icon、last、license、next、nofollow、noreferrer、pingback、prefetch、prev、search、sidebar、stylesheet、tag、up | 必需。定义当前文档与被链接文档之间的关系。rel 是 relationship的英文缩写。 |
rev | reversed relationship | HTML5 不支持该属性。 定义被链接文档与当前文档之间的关系。 |
sizes | HeightxWidth、any | 定义了链接属性大小,只对属性 rel=“icon” 起作用。 |
target | _blank、_self、_top、_parent、frame_name | HTML5 不支持该属性。 定义在何处加载被链接文档。 |
type | MIME_type | 规定被链接文档的 MIME 类型。 |
<meta>:描述 HTML 文档的元数据
元数据(Metadata)是数据的数据信息。
<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。
META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。
元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。
注意:<meta> 标签通常位于 <head> 区域内。
注意: 元数据通常以 名称/值 对出现。
注意: 如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。
属性 | 值 | 描述 |
---|---|---|
charset | character_set | 定义文档的字符编码。 |
content | text | 定义与 http-equiv 或 name 属性相关的元信息。 |
http-equiv | content-type、default-style、refresh | 把 content 属性关联到 HTTP 头部。 |
name | application-name、author、description、generator、keywords | 把 content 属性关联到一个名称。 |
scheme | format/URI | HTML5不支持。 定义用于翻译 content 属性值的格式。 |
<script>:用于定义客户端脚本,比如 JavaScript。
属性 | 值 | 描述 |
---|---|---|
asyncNew | async | 规定异步执行脚本(仅适用于外部脚本)。 |
charset | charset | 规定在脚本中使用的字符编码(仅适用于外部脚本)。 |
defer | defer | 规定当页面已完成解析后,执行脚本(仅适用于外部脚本)。 |
src | URL | 规定外部脚本的 URL。 |
type | MIME-type | 规定脚本的 MIME 类型。 |
xml:space | preserve | HTML5 不支持。规定是否保留代码中的空白。 |
<noscript>:定义在脚本未被执行时的替代内容(文本)
<style>:定义 HTML 文档的样式信息。
在 <style> 元素中,您可以规定在浏览器中如何呈现 HTML 文档。
每个 HTML 文档能包含多个 <style> 标签。
提示:如需链接外部样式表,请使用 <link> 标签。
提示:如需学习更多有关样式表的知识,请阅读我们的 CSS 教程。
注释:如果没有使用 “scoped” 属性,则每一个 <style> 标签必须位于 head 头部区域。
属性 | 值 | 描述 |
---|---|---|
media | media_query | 为样式表规定不同的媒体类型。 |
scoped | scoped | 如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。 |
type | text/css | 规定样式表的 MIME 类型。 |
<form>:表单
用于创建供用户输入的 HTML 表单
包含一个或多个如下的表单元素:
- <input>
- <textarea>
- <button>
- <select>
- <option>
- <optgroup>
- <fieldset>
- <label>
属性 | 值 | 描述 |
---|---|---|
accept | MIME_type | HTML5 不支持。规定服务器接收到的文件的类型。(文件是通过文件上传提交的) |
accept-charset | character_set | 规定服务器可处理的表单数据字符集。 |
action | URL | 规定当提交表单时向何处发送表单数据。 |
autocomplete | on、off | 规定是否启用表单的自动完成功能。 |
enctype | application/x-www-form-urlencoded、multipart/form-data、text/plain | 规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method=“post” 的情况) |
method | get、post | 规定用于发送表单数据的 HTTP 方法。 |
name | text | 规定表单的名称。 |
novalidate | novalidate | 如果使用该属性,则提交表单时不进行验证。 |
target | _blank、_self、_parent、_top | 规定在何处打开 action URL。 |
<frameset> :三框架页面(h5不支持)
<frameset> 标签定义一个框架集。
<frameset> 元素被用来组织一个或者多个 <frame> 元素。每个 <frame> 有各自独立的文档。
<frameset> 元素规定在框架集中存在多少列或多少行,以及每行每列占用的百分比/像素。
注释:如果您希望验证包含框架的页面,请确保 <!DOCTYPE> 被设置为 “HTML Frameset DTD” 或者 “XHTML Frameset DTD” 。
通用标准属性&可选的属性
属性 | 值 | 描述 |
---|---|---|
cols | pixels、%、* | HTML5 不支持。规定框架集中列的数目和尺寸。 |
rows | pixels、%、* | HTML5 不支持。规定框架集中行的数目和尺寸。 |
事件属性:
属性 | 值 | 描述 |
---|---|---|
onload | script | 当文档被载入时执行脚本 |
onunload | script | 当文档被卸下时执行脚本 |
<frame> :三框架页面(h5不支持)
<frame> 标签定义 <frameset> 中的子窗口(框架)。
<frameset> 中的每个 <frame> 都可以设置不同的属性,比如 border、scrolling, noresize 等等。
注释:如果您希望验证包含框架的页面,请确保 <!DOCTYPE> 被设置为 “HTML Frameset DTD” 或者 “XHTML Frameset DTD” 。
通用标准属性&可选的属性
属性 | 值 | 描述 |
---|---|---|
frameborder | 0、1 | HTML5 不支持。规定是否显示框架周围的边框。 |
longdesc | URL | HTML5 不支持。规定一个包含有关框架内容的长描述的页面。 |
marginheight | pixels | HTML5 不支持。规定框架的上方和下方的边距。 |
marginwidth | pixels | HTML5 不支持。规定框架的左侧和右侧的边距。 |
name | name | HTML5 不支持。规定框架的名称。 |
noresize | noresize | HTML5 不支持。规定无法调整框架的大小。 |
scrolling | yes、no、auto | HTML5 不支持。规定是否在框架中显示滚动条。 |
src | URL | HTML5 不支持。规定在框架中显示的文档的 URL。 |
<button> :按钮
<button> 标签定义一个按钮。
在 <button> 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处。
提示:请始终为 <button> 元素规定 type 属性。不同的浏览器对 <button> 元素的 type 属性使用不同的默认值。
属性 | 值 | 描述 |
---|---|---|
autofocus | autofocus | 规定当页面加载时按钮应当自动地获得焦点。 |
disabled | disabled | 规定应该禁用该按钮。 |
form | form_id | 规定按钮属于一个或多个表单。 |
formaction | URL | 规定当提交表单时向何处发送表单数据。覆盖 form 元素的 action 属性。该属性与 type=“submit” 配合使用。 |
formenctype | application/x-www-form-urlencoded、multipart/form-data、text/plain | 规定在向服务器发送表单数据之前如何对其进行编码。覆盖 form 元素的 enctype 属性。该属性与 type=“submit” 配合使用。 |
formmethod | get、post | 规定用于发送表单数据的 HTTP 方法。覆盖 form 元素的 method 属性。该属性与 type=“submit” 配合使用。 |
formnovalidate | formnovalidate | 如果使用该属性,则提交表单时不进行验证。覆盖 form 元素的 novalidate 属性。该属性与 type=“submit” 配合使用。 |
formtarget | _blank、_self、_parent、_top、framename | 规定在何处打开 action URL。覆盖 form 元素的 target 属性。该属性与 type=“submit” 配合使用。 |
name | name | 规定按钮的名称。 |
type | button、reset、submit | 规定按钮的类型。 |
value | text | 规定按钮的初始值。可由脚本进行修改。 |
<fieldset> :对表单中的相关元素进行分组
<fieldset> 标签可以将表单内的相关元素分组。
<fieldset> 标签会在相关表单元素周围绘制边框。
属性 | 值 | 描述 |
---|---|---|
disabled | disabled | 规定该组中的相关表单元素应该被禁用。 |
form | form_id | 规定 fieldset 所属的一个或多个表单。 |
name | text | 规定 fieldset 的名称。 |
<legend>:组合表单中的相关元素
The <legend> 元素为 <fieldset>元素定义标题。
属性 | 值 | 描述 |
---|---|---|
align | top、bottom、left、right | HTML5 不支持。 HTML 4.01 已废弃。不建议使用。 请使用样式代替。 为 fieldset 中的标题定义对齐方式。 |
<input>:文本输入框
<input> 标签规定了用户可以在其中输入数据的输入字段。
<input> 元素在 <form> 元素中使用,用来声明允许用户输入数据的 input 控件。
输入字段可通过多种方式改变,取决于 type 属性。
属性 | 值 | 描述 |
---|---|---|
accept | audio/* video/* image/* MIME_type | 规定通过文件上传来提交的文件的类型。 (只针对type=“file”) |
align | left right top middle bottom | HTML5已废弃,不赞成使用。规定图像输入的对齐方式。 (只针对type=“image”) |
alt | text | 定义图像输入的替代文本。 (只针对type=“image”) |
autocomplete | on off autocomplete | 属性规定 <input> 元素输入字段是否应该启用自动完成功能。 |
autofocus | autofocus | 属性规定当页面加载时 <input> 元素应该自动获得焦点。 |
checked | checked | checked 属性规定在页面加载时应该被预先选定的 <input> 元素。 (只针对 type=“checkbox” 或者 type=“radio”) |
disabled | disabled | disabled 属性规定应该禁用的 <input> 元素。 |
form | form_id | form |
formaction | URL | 属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type=“submit” 和 type=“image”) |
formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | 属性规定当表单数据提交到服务器时如何编码(只适合 type=“submit” 和 type=“image”)。 |
formmethod | get post | 定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type=“submit” 和 type=“image”) |
formnovalidate | formnovalidate | formnovalidate 属性覆盖 <form> 元素的 novalidate 属性。 |
formtarget | _blank _self _parent _top framename | 规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type=“submit” 和 type=“image”) |
height | pixels | 规定 <input>元素的高度。(只针对type=“image”) |
list | datalist_id | 属性引用 <datalist> 元素,其中包含 <input> 元素的预定义选项。 |
max | number date | 属性规定 <input> 元素的最大值。 |
maxlength | number | 属性规定 <input> 元素中允许的最大字符数。 |
min | number date | 属性规定 <input>元素的最小值。 |
multiple | multiple | 属性规定允许用户输入到 <input> 元素的多个值。 |
name | text | name 属性规定 <input> 元素的名称。 |
pattern | regexp | pattern 属性规定用于验证 <input> 元素的值的正则表达式。 |
placeholder | text | placeholder 属性规定可描述输入 <input> 字段预期值的简短的提示信息 。 |
readonly | readonly | readonly 属性规定输入字段是只读的。 |
required | required | 属性规定必需在提交表单之前填写输入字段。 |
size | number | size 属性规定以字符数计的 <input> 元素的可见宽度。 |
src | URL | src 属性规定显示为提交按钮的图像的 URL。 (只针对 type=“image”) |
step | number | step 属性规定 <input> 元素的合法数字间隔。 |
type | button、checkbox、color、date、datetime、datetime-local、email、file、hidden、image、month、number、password、radio、range、reset、search、submit、tel、text、time、url、week | type 属性规定要显示的 <input> 元素的类型。 |
value | text | 指定 <input> 元素 value 的值。 |
width | pixels | width 属性规定 <input> 元素的宽度。 (只针对type=“image”) |
<textarea>:多行文本输入,文本域
定义一个多行的文本输入控件。
文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。
可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小,不过更好的办法是使用 CSS 的 height 和 width 属性。
属性 | 值 | 描述 |
---|---|---|
autofocus | autofocus | 规定当页面加载时,文本区域自动获得焦点。 |
cols | number | 规定文本区域内可见的宽度。 |
disabled | disabled | 规定禁用文本区域。 |
formNew | form_id | 定义文本区域所属的一个或多个表单。 |
maxlength | number | 规定文本区域允许的最大字符数。 |
name | text | 规定文本区域的名称。 |
placeholder | text | 规定一个简短的提示,描述文本区域期望的输入值。 |
readonly | readonly | 规定文本区域为只读。 |
required | required | 规定文本区域是必需的/必填的。 |
rows | number | 规定文本区域内可见的行数。 |
wrap | hard、soft | 规定当提交表单时,文本区域中的文本应该怎样换行。 |
<label>:为 input 元素定义标注(标记)
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
属性 | 值 | 描述 |
---|---|---|
for | element_id | 规定 label 与哪个表单元素绑定。 |
form | form_id | 规定 label 字段所属的一个或多个表单。 |
<optgroup>:把相关的选项组合在一起
<optgroup> 标签经常用于把相关的选项组合在一起。
如果你有很多的选项组合, 你可以使用<optgroup> 标签能够很简单的将相关选项组合在一起。
属性 | 值 | 描述 |
---|---|---|
disabled | disabled | 规定禁用该选项组。 |
label | text | 为选项组规定描述。 |
<option> :选择列表的选项
The <option> 标签定义下拉列表中的一个选项(一个条目)。
<option> 标签中的内容作为 <select> 或者<datalist> 一个元素使用。
属性 | 值 | 描述 |
---|---|---|
disabled | disabled | 规定此选项应在首次加载时被禁用。 |
label | text | 定义当使用 <optgroup> 时所使用的标注。 |
selected | selected | 规定选项(在首次显示在列表中时)表现为选中状态。 |
value | text | 定义送往服务器的选项值。 |
<select>:选择列表的选选项
<select> 元素用来创建下拉列表。
<select> 元素中的 <option> 标签定义了列表中的可用选项。
属性 | 值 | 描述 |
---|---|---|
autofocus | autofocus | 规定在页面加载时下拉列表自动获得焦点。 |
disabled | disabled | 当该属性为 true 时,会禁用下拉列表。 |
form | form_id | 定义 select 字段所属的一个或多个表单。 |
multiple | multiple | 当该属性为 true 时,可选择多个选项。 |
name | text | 定义下拉列表的名称。 |
required | required | 规定用户在提交表单前必须选择一个下拉列表中的选项。 |
size | number | 规定下拉列表中可见选项的数目。 |
<hgroup>:对标题进行组合
标签被用来对标题元素进行分组。
当标题有多个层级(副标题)时,<hgroup> 元素被用来对一系列 <h1> - <h6> 元素进行分组。
<h1> - <h6>:标题
<h1> - <h6> 标签被用来定义 HTML 标题。
<h1> 定义重要等级最高的标题。<h6> 定义重要等级最低的标题。
属性 | 值 | 描述 |
---|---|---|
align | left、right、center、justify | HTML5 不支持。HTML 4.01 已废弃。 规定标题中文本的排列。 |
<hr>:水平线分割
<hr> 标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。
<hr> 元素被用来分隔 HTML 页面中的内容(或者定义一个变化)。
属性 | 值 | 描述 |
---|---|---|
align | left、right、center | HTML5 不支持。HTML 4.01 已废弃。 规定 <hr> 元素的对齐方式 |
noshade | noshade | HTML5 不支持。HTML 4.01 已废弃。 规定 <hr> 元素的颜色呈现为纯色。 |
size | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定 <hr> 元素的高度。 |
width | pixels、% | HTML5 不支持。HTML 4.01 已废弃。 规定 <hr> 元素的宽度。 |
<iframe>:标记一个内联框架
<iframe> 标签规定一个内联框架。
一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。
属性 | 值 | 描述 |
---|---|---|
align | left、right、top、middle、bottom | HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的元素来对齐 <iframe>。 |
frameborder | 1、0 | HTML5 不支持。规定是否显示 <iframe> 周围的边框。 |
height | pixels | 规定 <iframe> 的高度。 |
longdesc | URL | HTML5 不支持。规定一个页面,该页面包含了有关 <iframe> 的较长描述。 |
marginheight | pixels | HTML5 不支持。规定 <iframe> 的顶部和底部的边距。 |
marginwidth | pixels | HTML5 不支持。规定 <iframe> 的左侧和右侧的边距。 |
name | name | 规定 <iframe> 的名称。 |
sandbox | “”、allow-forms、allow-same-origin、allow-scripts、allow-top-navigation | 对 <iframe> 的内容定义一系列额外的限制。 |
scrolling | yes、no、auto | HTML5 不支持。规定是否在 <iframe> 中显示滚动条。 |
seamless | seamless | 规定 <iframe> 看起来像是父文档中的一部分。 |
src | URL | 规定在 <iframe> 中显示的文档的 URL。 |
srcdoc | HTML_code | 规定页面中的 HTML 内容显示在 <iframe> 中。 |
width | pixels | 规定 <iframe> 的宽度。 |
<img>:插入图像
<img> 标签定义 HTML 页面中的图像。
<img> 标签有两个必需的属性:src 和 alt。
注释:从技术上讲,图像并不会插入 HTML 页面中,而是链接到 HTML 页面上。 标签的作用是为被引用的图像创建占位符。
提示:通过在 <a> 标签中嵌套 <img> 标签,给图像添加到另一个文档的链接。
属性 | 值 | 描述 |
---|---|---|
align | top、bottom、middle、left、right | HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像。 |
loading | eager:立即加载、lazy:延迟加载 | 指定浏览器是应立即加载图像还是延迟加载图像。 |
alt | text | 规定图像的替代文本。 |
border | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像周围的边框。 |
crossorigin | anonymous、use-credentials | 设置图像的跨域属性 |
height | pixels | 规定图像的高度。 |
hspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像左侧和右侧的空白。 |
ismap | ismap | 将图像规定为服务器端图像映射。 |
longdesc | URL | HTML5 不支持。HTML 4.01 已废弃。 指向包含长的图像描述文档的 URL。 |
src | URL | 规定显示图像的 URL。 |
usemap | #mapname | 将图像定义为客户器端图像映射。 |
vspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像顶部和底部的空白。 |
width | pixels | 规定图像的宽度。 |
<menu> :菜单列表
<menu> 标签定义了一个命令列表或菜单。
<menu> 标签通常用于文本菜单,工具条和命令列表选项。
属性 | 值 | 描述 |
---|---|---|
label | text | 描述菜单项的标记。 |
type | context、toolbar、list | 描述显示菜单类型. 默认为 “list”。 |
<ol>:有序列表
属性 | 值 | 描述 |
---|---|---|
compact | compact | HTML5 中不支持,不赞成使用。请使用样式取代它。 规定列表呈现的效果比正常情况更小巧。 |
reversed | reversed | 指定列表倒序(9,8,7…) |
start | number | 一个整数值属性,指定了列表编号的起始值。这个属性在 HTML4中弃用,但是在 HTML5 中被重新引入。 |
type | a 表示小写英文字母编号、A 表示大写英文字母编号、i 表示小写罗马数字编号、I 表示大写罗马数字编号、1 表示数字编号(默认) | 规定列表的类型。不赞成使用。请使用样式代替。 |
<ul>:无序列表
属性 | 值 | 描述 |
---|---|---|
compact | compact | HTML5 不支持。HTML 4.01 已废弃。 规定列表呈现的效果比正常情况更小巧。 |
type | disc、square、circle | HTML5 不支持。HTML 4.01 已废弃。 规定列表的项目符号的类型。 |
<li>:列表
<li> 标签定义列表项目。
<li> 标签可用在有序列表(<ol>)、无序列表(<ul>)和菜单列表(<menu>)中。
属性 | 值 | 描述 |
---|---|---|
type | 1、A、a、I、i、disc、square、circle | HTML5 不支持该属性。HTML 4.01 已废弃该属性。 不赞成使用。请使用样式取代它。 规定使用哪种项目符号。 |
value | number | 不赞成使用。请使用样式取代它。 规定列表项目的数字。 |
<main>:展示文档的主体部分
<main> 标签用于指定文档的主体内容。
<main> 标签中的内容在文档中是唯一的。它不应包含在文档中重复出现的内容,比如侧栏、导航栏、版权信息、站点标志或搜索表单。
注意在一个文档中,<main> 元素是唯一的,所以不能出现一个以上的 <main> 元素。<main> 元素不能是以下元素的后代:<article>、<aside>、<footer>、<header> 或 <nav>。
<map>:带有可点击区域的图像映射
<map> 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。
<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 <map> 添加 id 和 name 属性。
area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
属性 | 值 | 描述 |
---|---|---|
name | mapname | 必需。为 image-map 规定的名称。 |
<meter>:使用 meter 元素展示给定的数据范围(类似于进度条,但是不嫩跟当做进度条使用)
属性 | 值 | 描述 |
---|---|---|
form | form_id | 规定 <meter> 元素所属的一个或多个表单。 |
high | number | 规定被界定为高的值的范围。 |
low | number | 规定被界定为低的值的范围。 |
max | number | 规定范围的最大值。 |
min | number | 规定范围的最小值。 |
optimum | number | 规定度量的最优值。 |
value | number | 必需。规定度量的当前值。 |
<nav>:导航链接实例
<nav> 标签定义导航链接的部分。
并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。
在不同设备上(手机或者PC)可以制定导航链接是否显示,以适应不同屏幕的需求。
<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>
<noframes>:显示三个frame框架,如果不支持frame输出 <noframes> 标签的文本
HTML5 不支持 <noframes> 标签。
<noframes> 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。
<noframes> 元素插入在 <frameset> 元素中使用。
注意: 如果您希望验证包含框架的页面,请确保 DTD 被设置为 “Frameset DTD”。
支持通用事件属性以及标准属性
<object>:在 HTML 加入 Flash 文件
定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。
<object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。
浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。
而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 <object> 和 </object> 之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。
属性 | 值 | 描述 |
---|---|---|
align | top bottom middle left right | HTML5 不支持。HTML 4.01 已废弃。 规定 <object> 元素相对于周围元素的对齐方式。 |
archive | URL | HTML5 不支持。由空格分隔的指向档案文件的 URL 列表。这些档案文件包含了与对象相关的资源。 |
border | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定 <object> 周围的边框宽度。 |
classid | class_ID | HTML5 不支持。定义嵌入 Windows Registry 中或某个 URL 中的类的 ID 值,此属性可用来指定浏览器中包含的对象的位置,通常是一个 Java 类。 |
codebase | URL | HTML5 不支持。定义在何处可找到对象所需的代码,提供一个基准 URL。 |
codetype | MIME_type | HTML5 不支持。通过 classid 属性所引用的代码的 MIME 类型。 |
data | URL | 规定对象使用的资源的 URL。 |
declare | declare | HTML5 不支持。定义该对象仅可被声明,但不能被创建或例示,直到该对象得到应用为止。 |
form | form_id | 规定对象所属的一个或多个表单。 |
height | pixels | 规定对象的高度。 |
hspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定对象左侧和右侧的空白。 |
name | name | 为对象规定名称。 |
standby | text | HTML5 不支持。定义当对象正在加载时所显示的文本。 |
type | MIME_type | 规定 data 属性中规定的数据的 MIME 类型。 |
usemap | #mapname | 规定与对象一同使用的客户端图像映射的名称。 |
vspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定对象的顶部和底部的空白。 |
width | pixels | 规定对象的宽度。 |
<output>:将计算结果显示在 元素中
<output> 标签作为计算结果输出显示(比如执行脚本的输出)。
属性 | 值 | 描述 |
---|---|---|
for | element_id | 描述计算中使用的元素与计算结果之间的关系。 |
form | form_id | 定义输入字段所属的一个或多个表单。 |
name | name | 定义对象的唯一名称(表单提交时使用)。 |
<param>:允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的 或者 标签提供参数。
属性 | 值 | 描述 |
---|---|---|
name | name | 定义参数的名称(用在脚本中)。 |
type | MIME_type | HTML5不支持。定义 MIME 类型参数。 |
value | value | 描述参数值。 |
valuetype | data、ref、object | HTML5 不支持。描述值的类型。 |
<picture>:根据屏幕匹配的不同尺寸显示不同图片,如果没有匹配到或浏览器不支持 picture 属性则使用 img 元素
<progress> :进度条
属性 | 值 | 描述 |
---|---|---|
max | number | 规定需要完成的值。 |
value | number | 规定进程的当前值。 |
<section>:区域解释
标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。
<source>:为媒体元素(比如 和 )定义媒体资源
允许您规定两个视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。
属性 | 值 | 描述 |
---|---|---|
media | media_query | 规定媒体资源的类型,供浏览器决定是否下载。 |
src | URL | 规定媒体文件的 URL。 |
type | MIME_type | 规定媒体资源的 MIME 类型。 |
sizes | 不同页面布局设置不同图片大小。 | |
srcset | URL | <source> 应用于 <picture> 标签时需要使用到。指定在不同情况下使用的图像 URL。 |
<template>:定义在页面加载时隐藏的一些内容,该标签中的内容可以稍后使用 JavaScript 呈现
<time> :定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。
该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。
属性 | 值 | 描述 |
---|---|---|
datetime | datetime | 规定日期/时间。另一种方式,则是由元素的内容给定日期/时间。 |
pubdate | datetime | (该属性仍在被 WHATWG 和 W3C 组织设计和讨论中。) 指示 <time> 元素中的日期 / 时间是文档(或最近的前辈 <article> 元素)的发布日期 |
<track> :为媒体元素(比如 and )规定外部文本轨道,也就是字幕,字幕格式有 WebVTT 格式(.vtt 格式文件)。
这个元素用于规定字幕文件或其他包含文本的文件,当媒体播放时,这些文件是可见的。
属性 | 值 | 描述 |
---|---|---|
default | default | 规定该轨道是默认的。如果用户没有选择任何轨道,则使用默认轨道。 |
kind | captions、chapters、descriptions、metadata、subtitles | 规定文本轨道的文本类型。 |
label | text | 规定文本轨道的标签和标题。 |
src | URL | 必需的。规定轨道文件的 URL。 |
srclang | language_code | 规定轨道文本数据的语言。如果 kind 属性值是 “subtitles”,则该属性是必需的。 |