一、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 标签
<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"> |