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

相关推荐
王哈哈^_^1 小时前
【数据集】【YOLO】【目标检测】交通事故识别数据集 8939 张,YOLO道路事故目标检测实战训练教程!
前端·人工智能·深度学习·yolo·目标检测·计算机视觉·pyqt
亦枫Leonlew1 小时前
三维测量与建模笔记 - 3.3 张正友标定法
笔记·相机标定·三维重建·张正友标定法
考试宝1 小时前
国家宠物美容师职业技能等级评价(高级)理论考试题
经验分享·笔记·职场和发展·学习方法·业界资讯·宠物
cs_dn_Jie1 小时前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic2 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
有梦想的刺儿2 小时前
webWorker基本用法
前端·javascript·vue.js
cy玩具3 小时前
点击评论详情,跳到评论页面,携带对象参数写法:
前端
黑叶白树3 小时前
简单的签到程序 python笔记
笔记·python
qq_390161773 小时前
防抖函数--应用场景及示例
前端·javascript
John.liu_Test4 小时前
js下载excel示例demo
前端·javascript·excel