当前位置:   article > 正文

HTML世界之标签Ⅲ

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 标签

<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">

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/528930
推荐阅读
相关标签
  

闽ICP备14008679号