HTML世界之标签Ⅲ-Toy模板网

这篇具有很好参考价值的文章主要介绍了HTML世界之标签Ⅲ。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、dfn 标签

<dfn> 标签是一个短语标签，用来定义一个定义项目。

写法：

<dfn></dfn>

二、dialog 标签

<dialog> 标签定义一个对话框、确认框或窗口。

属性	值	描述
open	open	规定 dialog 元素是有效的，用户可以与它进行交互。

写法：

<dialog open></dialog>

三、em 标签

<em> 标签是一个短语标签，用来呈现为被强调的文本。

写法：

<em></em>

四、fieldset 标签

<fieldset> 标签可以将表单内的相关元素分组，会在相关表单元素周围绘制边框。

注：<legend> 标签为 <fieldset> 元素定义标题。

属性	值	描述	语法
disabled	disabled	规定该组中的相关表单元素应该被禁用。	<fieldset disabled>
form	form_id 规定	规定 fieldset 所属的一个或多个表单。
name	text	规定 fieldset 的名称。

写法：

<form>

<fieldset>

<legend>Personalia:</legend>

Name: <input type="text"><br>

Email: <input type="text"><br>

Date of birth: <input type="text">

</fieldset>

</form>

五、figcaption 标签

<figcaption> 标签为 <figure> 元素定义标题。

<figcaption> 元素应该被置于 <figure> 元素的第一个或最后一个子元素的位置。

写法：

<figure>

<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">

<figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>

</figure>

六、figure 标签

<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。

<figure> 元素的内容应该与主内容相关，同时元素的位置相对于主内容是独立的。如果被删除，则不应对文档流产生影响。

注：<figcaption> 元素被用来为 <figure> 元素定义标题。

写法：

<figure>

<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">

</figure>

七、footer 标签

<footer> 标签定义文档或者文档的一部分区域的页脚。

<footer> 元素应该包含它所包含的元素的信息。在典型情况下，该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。

在一个文档中，可以定义多个 <footer> 元素。

注：假如使用 <footer> 元素来插入联系信息，应该在 <footer> 元素内使用 <address> 标签。

写法：

<footer>

<p>Posted by: Hege Refsnes</p>

<p><time pubdate datetime="2012-03-01"></time></p>

</footer>

八、form 标签

<form> 标签用于创建供用户输入的 HTML 表单。

<form> 元素包含一个或多个如下的表单元素：

<input>

<textarea>

<button>

<select>

<option>

<optgroup>

<fieldset>

<label>

属性	值	描述	语法
accept-charset	character_set	规定服务器可处理的表单数据字符集。表单提交时使用的字符编码列表，多个字符编码使用空格分隔。常用值： UTF-8 - Unicode 字符编码 ISO-8859-1 - 拉丁字母表的字符编码	<form accept-charset="character_set">
action	URL	规定当提交表单时向何处发送表单数据。	<form action="URL">
autocomplete	on（默认。规定启用自动完成功能。浏览器会基于用户之前键入的值自动完成值。） off（规定禁用自动完成功能。用户必须在每次使用时输入值到每个字段中，浏览器不会自动完成输入。）	规定是否启用表单的自动完成功能。	<form autocomplete="on\|off">
enctype	application/x-www-form-urlencoded（默认。在发送前对所有字符进行编码（将空格转换为 "+" 符号，特殊字符转换为 ASCII HEX 值）。） multipart/form-data（不对字符编码。当使用有文件上传控件的表单时，该值是必需的。） text/plain（将空格转换为 "+" 符号，但不编码特殊字符。）	规定在向服务器发送表单数据之前如何对其进行编码。（适用于 method="post" 的情况）	<form enctype="value">
method	get（默认。将表单数据（form-data）以名称/值对的形式附加到 URL 中：URL?name=value&name=value。） post （以 HTTP post 事务的形式发送表单数据（form-data）。）	规定用于发送表单数据的 HTTP 方法。	<form method="get\|post">
target（用于指定链接的打开方式，即链接的目标窗口或框架）	_blank _parent _self _top	规定在何处打开 action URL。 _blank：新窗口打开。 _parent：在父窗口中打开链接。 _self：默认，当前页面跳转。 _top：在当前窗体打开链接，并替换当前的整个窗体(框架页)。	<form target="_blank\|_self\|_parent\|_top\|framename">
novalidate	novalidate	如果使用该属性，则提交表单时不进行验证。	<form novalidate>
name	text	规定表单的名称。name 属性用于在 JavaScript 中引用元素，或者在表单提交之后引用表单数据。	<form name="text">

九、header 标签

<header> 标签定义文档或者文档的一部分区域的页眉。

<header> 元素应该作为介绍内容或者导航链接栏的容器。

在一个文档中，可以定义多个 <header> 元素。

注：<header> 标签不能被放在 <footer>、<address> 或者另一个 <header> 元素内部。

写法：

<article> 的页眉：

<article>

    <header>

        <h1>Internet Explorer 9</h1>

    </header>

</article>

十、hgroup 标签

<hgroup> 标签被用来对标题元素进行分组。

当标题有多个层级（副标题）时，<hgroup> 元素被用来对一系列 <h1> - <h6> 元素进行分组。

写法：

<hgroup>

<h1></h1>

<h2></h2>

</hgroup>

十一、i 标签

<i> 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。

写法：

<i></i>

十二、iframe 标签

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

属性	值	描述	语法
height	pixels（以像素为单位的内联框架的高度（比如 "100px"）。）	规定 <iframe> 的高度。	<iframe height="pixels">
name	name	规定 <iframe> 的名称。	<iframe name="name">
seamless	seamless（seamless 属性是一个布尔属性。seamless 属性规定 <iframe> 看起来像是包含的文档的一部分（没有边框和滚动条）。）	规定 <iframe> 看起来像是父文档中的一部分。	<iframe seamless>
src	URL。	规定在 <iframe> 中显示的文档的 URL。	<iframe src="URL">
srcdoc	HTML_code	规定要显示在内联框架中的页面的 HTML 内容。	<iframe srcdoc="HTML_code">
width	pixels	规定 <iframe> 的宽度。	<iframe width="pixels">
sandbox	""（启用所有限制条件） allow-forms（允许表单提交。） allow-same-origin（允许将内容作为普通来源对待。如果未使用该关键字，嵌入的内容将被视为一个独立的源。） allow-scripts（允许脚本执行。） allow-top-navigation（嵌入的页面的上下文可以导航（加载）内容到顶级的浏览上下文环境（browsing context）。如果未使用该关键字，这个操作将不可用。）	对 <iframe> 的内容定义一系列额外的限制。	<iframe sandbox="value">文章来源地址https://www.toymoban.com/news/detail-858825.html