HTML世界之标签Ⅱ

一、base 标签

二、bdi 标签

三、bdo 标签

四、blockquote 标签

五、br 标签

六、button 标签

七、canvas 标签

八、cite 标签

九、code 标签

十、colgroup 标签

十一、col 标签

十二、datalist 标签

十三、dd 标签

十四、del 标签

十五、details 标签

一、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>