本文详细介绍了HTML中的15个基础标签，包括base标签用于设定默认链接，bdi和bdo标签处理文本方向，blockquote展示引用内容，button标签创建按钮，canvas用于绘制图形，以及如colgroup和col标签对表格列的管理等。
目录
一、base 标签
<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。
在一个文档中，最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部。
在 HTML 中，<base> 标签没有结束标签。
| 属性 | 值 | 描述 |
| href（定义超链接的目的地址） | URL | 规定页面中所有相对链接的基准 URL。 |
| target（用于指定链接的打开方式，即链接的目标窗口或框架） | _blank _parent _self _top framename | 规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖。_blank：新窗口打开。 _parent：在父窗口中打开链接。 _self：默认，当前页面跳转。 _top：在当前窗体打开链接，并替换当前的整个窗体(框架页)。 Framename：在指定的框架中打开被链接文档，把frame看做内置浏览器 |
写法：
<base href="" target="">
二、bdi 标签
bdi 指的是 bidi 隔离（Bi-directional Isolation）。
<bdi> 标签允许设置一段文本，使其脱离其父元素的文本方向设置。
注：在发布用户评论或其他无法完全控制的内容时，该标签很有用。
写法：
<bdi></bdi>
三、bdo 标签
bdo 指的是 bidi 覆盖（Bi-Directional Override）。
<bdo> 标签用来覆盖默认的文本方向。
| 属性 | 值 | 描述 |
| dir | ltr（从左到右的文本方向） rtl（从右到左的文本方向-反转文本） | 必需。规定 <bdo> 元素内的文本方向。 |
写法：
<bdo dir=""></bdo>
四、blockquote 标签
<blockquote> 标签定义摘自另一个源的块引用。
浏览器通常会对 <blockquote> 元素进行缩进。
| 属性 | 值 | 描述 |
| cite | URL | 规定引用的来源。 |
写法：
<blockquote cite=""></blockquote>
五、br 标签
<br> 标签插入一个简单的换行符。
<br> 标签是一个空标签，意味着它没有结束标签。
写法：
<br></br>
六、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（向URL 追加表单数据（form-data） ：URL?name=value&name=value） post（以 HTTP post 事务的形式发送表单数据（form-data）） | 规定用于发送表单数据的 HTTP 方法。覆盖 form 元素的 method 属性。该属性与 type="submit" 配合使用。 |
| formnovalidate | formnovalidate | 如果使用该属性，则提交表单时不进行验证。覆盖 form 元素的 novalidate 属性。该属性与 type="submit" 配合使用。 |
| formtarget | _blank _self _parent _top framename | 规定在何处打开 action URL。覆盖 form 元素的 target 属性。该属性与 type="submit" 配合使用。 _blank：新窗口打开。 _parent：在父窗口中打开链接。 _self：默认，当前页面跳转。 _top：在当前窗体打开链接，并替换当前的整个窗体(框架页)。 Framename：在指定的框架中打开被链接文档，把frame看做内置浏览器 |
| name | name | 规定按钮的名称。 |
| type | button（该按钮是提交按钮（除了 Internet Explorer，该值是其他浏览器的默认值）） reset（该按钮是可点击的按钮（Internet Explorer 的默认值）） submit （该按钮是重置按钮（清除表单数据）） | 规定按钮的类型。 |
| value | text | 规定按钮的初始值。可由脚本进行修改。 |
写法：
<button type=""></button>
七、canvas 标签
<canvas> 标签通过脚本（通常是 JavaScript）来绘制图形（比如图表和其他图像）。
<canvas> 标签只是图形容器，必须使用脚本来绘制图形。
| 属性 | 值 | 描述 |
| height | pixels | 规定画布的高度。 |
| width | pixels | 规定画布的宽度。 |
写法：
<canvas ></canvas>
八、cite 标签
<cite> 标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题。
写法：
<cite></cite>
九、code 标签
<code> 标签是一个短语标签，用来定义计算机代码文本。
写法：
<code></code>
十、colgroup 标签
<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。
通过使用 <colgroup> 标签，可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式。
提示：
只能在 <table> 元素之内，在任何一个 <caption> 元素之后，在任何一个 <thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 标签。
如果想对 <colgroup> 中的某列定义不同的属性，请在 <colgroup> 标签内使用 <col> 标签。
| 属性 | 值 | 描述 |
| span | number | 规定 <col> 元素应该横跨的列数。 |
写法：
<colgroup>
<col span="" style="">
</colgroup>
十一、col 标签
<col> 标签规定了 <colgroup> 元素内部的每一列的列属性。
通过使用 <col> 标签，可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式。
| 属性 | 值 | 描述 |
| span | number | 规定 <col> 元素应该横跨的列数。 |
写法：
<col span="" style="">
十二、datalist 标签
<datalist> 标签规定了 <input> 元素可能的选项列表。
<datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性。用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据。
注：请使用 <input> 元素的 list 属性来绑定 <datalist> 元素。
写法：
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
十三、dd 标签
<dd> 标签被用来对一个描述列表中的项目/名字进行描述。
<dd> 标签与 <dl> （定义一个描述列表）和 <dt> （定义项目/名字）一起使用。
在 <dd> 标签内，可以放置段落、换行、图片、链接、列表等等。
写法：
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
十四、del 标签
<del> 标签定义文档中已删除的文本。
| 属性 | 值 | 描述 |
| cite | URL | 规定一个解释了文本被删除的原因的文档的 URL。 |
| datetime | YYYY-MM-DDThh:mm:ssTZD | 规定文本被删除的日期和时间。 YYYY - 年（例如 2009） MM - 月（例如 01 for January） DD - 月中的日 （例如 08） T - 必需的分隔符 hh - 小时 （例如 22 for 10.00pm） mm - 分钟 （例如 55） ss - 秒 （例如 03） TZD - 时区标志符（Z 表示祖鲁，同时也是格林威治时间） |
写法：
<del datetime=""></del>
十五、details 标签
<details> 标签规定了用户可见的或者隐藏的需求的补充细节。用来供用户开启关闭的交互式控件。
任何形式的内容都能被放在 <details> 标签里边。
<details> 元素的内容对用户是不可见的，除非设置了 open 属性。
| 属性 | 值 | 描述 |
| open | open | 规定 details 是否可见。 |
写法：
<details open></details>
1730
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
