Lickoo的小本本
Lickoo的小本本

HTML常用标签及属性

HTML常用标签及属性

内联元素和块级元素：

(180条消息) 块级元素（block）与内联元素（inline）_胡桃夹夹子的博客-CSDN博客_block和inline

HTML 全局属性 (w3school.com.cn)

a:anchor锚点

属性 值 描述
href url 规定链接指向的页面的 URL。
download filename 规定被下载的超链接目标。
rel text 规定当前文档与被链接文档之间的关系。
target _blank _parent _self _top framename 规定在何处打开链接文档。
shape default rect circle poly HTML5 中不支持。规定链接的形状。

abbr:缩写

可以在 <abbr> 标签中使用全局的 title 属性，这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本。

address:地址

<address> 标签定义文档或文章的作者/拥有者的联系信息。

如果 <address> 元素位于 <body> 元素内，则它表示文档联系信息。

如果 <address> 元素位于 <article> 元素内，则它表示文章的联系信息。

<address> 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行。

area:带有可点击区域的图像映射

属性 值 描述
alt* text 定义此区域的替换文本。
coords 坐标值 定义可点击区域（对鼠标敏感的区域）的坐标。
target _blank _parent _self _top 规定在何处打开 href 属性指定的目标 URL。
shape default rect circ poly 定义区域的形状。
href url 定义此区域的目标 URL。

示例代码: 观察如何绑定图片？

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>

article:定义文章

一篇文章应有其自身的意义，应该有可能独立于站点的其余部分对其进行分发。

aside:定义侧栏

<aside> 标签定义其所处内容之外的内容。

aside 的内容应该与附近的内容相关。

<aside> 的内容可用作文章的侧栏。

audio:定义声音，比如音乐或其他音频流

可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。

属性 值 描述
autoplay autoplay 如果出现该属性，则音频在就绪后马上播放。
controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。
loop loop 如果出现该属性，则每当音频结束时重新开始播放。
muted muted 规定视频输出应该被静音。
src url 要播放的音频的 URL。
preload preload 如果出现该属性，则音频在页面加载时进行加载，并预备播放。

b:规定粗体文本

根据 HTML5 规范，在没有其他合适标签更合适时，才应该把 <b> 标签作为最后的选项。HTML5 规范声明：应该使用<h1>-<\h6>来表示标题，使用<em>标签来表示强调的文本，应该使用 <strong>标签来表示重要文本，应该使用 <mark> 标签来表示标注的/突出显示的文本。

**提示：**您也能够使用 CSS “font-weight” 属性来设置粗体文本。

base:为页面上的所有链接规定默认地址或默认目标

属性 值 描述
href url 规定页面中所有相对链接的基准 URL。
target _blank _parent _self _top framename 在何处打开页面中所有的链接。

basefont:定义基准字体。该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列。

属性 值 描述
color rgb(x,x,x) #xxxxxx colorname 不赞成使用。请使用样式取代它。规定文档中的默认文本颜色。
face font_family 不赞成使用。请使用样式取代它。规定文档中的默认字体。
size * number* 不赞成使用。请使用样式取代它。规定文档中的默认字体大小。

bdi:把用户名从周围的文本方向设置中隔离出来

bdi 指的是 bidi 隔离。

<bdi> 标签允许您设置一段文本，使其脱离其父元素的文本方向设置。

在发布用户评论或其他您无法完全控制的内容时，该标签很有用。

属性 值 描述
dir ltr rtl auto 可选。规定 <bdi> 元素内的文本的文本方向。默认值：auto。

bdo:覆盖默认的文本方向

属性 值 描述
dir ltrrtl 定义文字的方向

big:呈现大号字体效果

可以嵌套 <big> 标签来放大文本。每一个 <big> 标签都可以使字体大一号，直到上限 7 号文本，正如字体模型所定义的那样。

blockquote:定义块引用

<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。

**提示：**请使用q元素来标记短的引用。

属性 值 描述
cite URL 规定引用的来源。

br:换行

<br>标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。

请注意，<br> 标签只是简单地开始新的一行，而当浏览器遇到<p>标签时，通常会在相邻的段落之间插入一些垂直的间距。

  • clear属性

如果您希望文本流在内联表格或图像的下一行继续输出，请使用 clear 属性，该属性有三个可选的值：left、right 或者 all，每个值都代表一个边界或两边的边界。

button:定义一个按钮

在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。

<button> 控件 与 <input type=”button”> 相比，提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。

唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。

**请始终为按钮规定 type 属性。**Internet Explorer 的默认类型是 “button”，而其他浏览器中（包括 W3C 规范）的默认值是 “submit”。

**注释：**如果在 HTML 表单中使用 button 元素，不同的浏览器会提交不同的按钮值。请使用 input 元素在 HTML 表单中创建按钮。

属性 值 描述
autofocus autofocus 规定当页面加载时按钮应当自动地获得焦点。
disabled disabled 规定应该禁用该按钮。
form form_name 规定按钮属于一个或多个表单。
formaction url 覆盖 form 元素的 action 属性。**注释：**该属性与 type=”submit” 配合使用。
formenctype 见注释 覆盖 form 元素的 enctype 属性。**注释：**该属性与 type=”submit” 配合使用。
formmethod getpost 覆盖 form 元素的 method 属性。**注释：**该属性与 type=”submit” 配合使用。
formnovalidate formnovalidate 覆盖 form 元素的 novalidate 属性。**注释：**该属性与 type=”submit” 配合使用。
formtarget _blank _self _parent _top framename 覆盖 form 元素的 target 属性。**注释：**该属性与 type=”submit” 配合使用。
name button_name 规定按钮的名称。
type buttonresetsubmit 规定按钮的类型。
value text 规定按钮的初始值。可由脚本进行修改。

canvas:绘制矩形

<canvas> 标签定义图形，比如图表和其他图像。

<canvas> 标签只是图形容器，必须使用脚本来绘制图形。

属性 值 描述
height pixels 设置 canvas 的高度。
width pixels 设置 canvas 的宽度。

示例代码:

<canvas id="myCanvas"></canvas>

<script type="text/javascript">

var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);

</script>

caption:定义表格标题

caption 标签必须紧随 table 标签之后。只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

属性 值 描述
align left right top bottom 不赞成使用。请使用样式取而代之。规定标题的对齐方式。

center:

对其所包括的文本进行水平居中。

cite:表示对某个参考文献的引用

按照惯例，引用的文本将以斜体显示。

<cite> 标签还有一个隐藏的功能：它可以使你或者其他人从文档中自动摘录参考书目。

短语元素

以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式，但实际上，这些标签都拥有确切的语义。

我们并不反对使用它们，但是如果您只是为了达到某种视觉效果而使用这些标签的话，我们建议您使用样式表，那么做会达到更加丰富的效果。

em 把文本定义为强调的内容。
strong 把文本定义为语气更强的强调的内容。
dfn 定义一个定义项目。
code 定义计算机代码文本。
samp 定义样本文本。
kbd 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
var 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
cite 定义引用。可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。

标准属性

id, class, title, style, dir, lang, xml:lang

如需完整的描述，请访问标准属性。

事件属性

onclick, ondblclick, onmousedown, onmouseup, onmouseover, 
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

如需完整的描述，请访问事件属性。

data:如需完整的描述，请访问事件属性。

属性 值 描述
value machine-readable format 规定元素内容的机器可读翻译。

datalist:定义选项列表

datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。

请与 input 元素配合使用该元素，来定义 input 可能的值。

示例代码:

<!DOCTYPE html>
<html>
<body>

<h1>input list 属性</h1>

<p>list 属性引用包含 input 元素的预定义选项的 datalist 元素。</p>

<form action="/action_page.php">
  <input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
  <input type="submit" value="Submit">
</form>

<p><b>注释：</b>Safari 12.0（或更早版本）不支持 datalist 标签。</p>

</body>
</html>

dl:定义列表（definition list）

dd:在定义列表中定义条目的定义部分

dt:定义了定义列表中的项目

示例代码:

<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

del:定义文档中已被删除的文本

**注释：**请与 <ins> 标签配合使用，来描述文档中的更新和修正。

属性 值 描述
cite URL 指向另外一个文档的 URL，此文档可解释文本被删除的原因。
datetime YYYYMMDD 定义文本被删除的日期和时间。

details:用于描述文档或文档某个部分的细节

属性 值 描述
open open 定义 details 是否可见。

示例代码:

<details>
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property of W3School.</p>
</details>

dialog:定义对话框或窗口

属性 值 描述
open open 规定 dialog 元素是活动的，用户可与之交互。

dir:用于列出目录标题

属性 值 描述
compact compact 不赞成使用。请使用样式代替。

div:定义文档中的分区或节

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

属性 值 描述
align left right center justify 不赞成使用。请使用样式取而代之。规定 div 元素中的内容的对齐方式。

embed:定义嵌入的内容，比如插件

属性 值 描述
height pixels 设置嵌入内容的高度。
src url 嵌入内容的 URL。
type type 定义嵌入内容的类型。
width pixels 设置嵌入内容的宽度。

fieldset:将表单内的相关元素分组

当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。

属性 值 描述
disabled disabled 规定应该禁用 fieldset。
form form_id 规定 fieldset 所属的一个或多个表单。
name value 规定 fieldset 的名称。

示例代码:

<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>

figure:规定独立的流内容

figcaption:定义 figure 元素的标题（caption）

font:规定文本的字体、字体尺寸、字体颜色

属性 值 描述
color rgb(x,x,x)#xxxxxxcolorname 不赞成使用。请使用样式取代它。规定文本的颜色。
face font_family 不赞成使用。请使用样式取代它。规定文本的字体。
size number 不赞成使用。请使用样式取代它。规定文本的大小。

footer:定义文档或节的页脚

页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。

可以在一个文档中使用多个 <footer> 元素。

提示：<footer> 元素内的联系信息应该位于 address标签中。

form:用于为用户输入创建 HTML 表单

**注释：**form 元素是块级元素，其前后会产生折行。

属性 值 描述
accept MIME_type HTML 5 中不支持。
accept-charset charset_list 规定服务器可处理的表单数据字符集。
action URL 规定当提交表单时向何处发送表单数据。
autocomplete onoff 规定是否启用表单的自动完成功能。
encrypt 见说明 规定在发送表单数据之前如何对其进行编码。
method getpost 规定用于发送 form-data 的 HTTP 方法。
name form_name 规定表单的名称。
novalidate novalidate 如果使用该属性，则提交表单时不进行验证。
rel externalhelplicense nextnofollow noopener noreferrer opener prevsearch 规定链接资源和当前文档之间的关系。
target _blank _self _parent _topframename 规定在何处打开 action URL。

说明

enctype 属性可能的值：

  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain

示例代码：

<form action="form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>

frame:用于在 <frameset> 中定义特定的窗口（框架）

属性 值 描述
frameborder 01 规定是否显示框架周围的边框。
longdesc URL 规定一个包含有关框架内容的长描述的页面。
marginheight pixels 定义框架的上方和下方的边距。
marginwidth pixels 定义框架的左侧和右侧的边距。
name name 规定框架的名称。
noresize noresize 规定无法调整框架的大小。
scrolling yesnoauto 规定是否在框架中显示滚动条。
src URL 规定在框架中显示的文档的 URL。

示例代码:

<html>

<frameset cols="25%,50%,25%">
  <frame src="frame_a.htm" />
  <frame src="frame_b.htm" />
  <frame src="frame_c.htm" />
</frameset>

</html>

frameset:用于定义框架集

frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。必须使用 cols 或 rows 属性。

**重要事项：**您不能与 <frameset></frameset> 标签一起使用 <body></body> 标签。不过，如果您需要为不支持框架的浏览器添加一个 <noframes> 标签，请务必将此标签放置在 <body></body> 标签中！

属性 值 描述
cols pixels%* 定义框架集中列的数目和尺寸。有关 cols 属性的详细信息。
rows pixels%* 定义框架集中行的数目和尺寸。有关 rows 属性的详细信息。

h1-h6:定义标题

<h1> 定义最大的标题。<h6> 定义最小的标题。

属性 值 描述
align left center right justify 不推荐使用。请使用样式替代它。规定标题中文本的排列。

header:定义文档的页眉（介绍信息）

示例代码:

<header>
<h1>Welcome to my homepage</h1>
<p>My name is Donald Duck</p>
</header>

<p>The rest of my home page...</p>

hr:创建一条水平线

属性 值 描述
align center left right 不赞成使用。请使用样式取代它。规定 hr 元素的对齐方式。
noshade noshade 不赞成使用。请使用样式取代它。规定 hr 元素的颜色呈现为纯色。
size pixels 不赞成使用。请使用样式取代它。规定 hr 元素的高度（厚度）。
width pixels*%* 不赞成使用。请使用样式取代它。规定 hr 元素的宽度。

i:显示斜体文本效果

<i> 标签和基于内容的样式标签 <em> 类似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。如果这种斜体字对该浏览器不可用的话，可以使用高亮、反白或加下划线等样式。

提示：<i> 标签一定要和结束标签 </i> 结合起来使用。

iframe:创建包含另外一个文档的内联框架

**提示：**可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对无法理解 iframe 的浏览器。

属性 值 描述
align left right top middle bottom 不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。
frameborder 10 规定是否显示框架周围的边框。
height pixels*%* 规定 iframe 的高度。
longdesc URL 规定一个页面，该页面包含了有关 iframe 的较长描述。
marginheight pixels 定义 iframe 的顶部和底部的边距。
marginwidth pixels 定义 iframe 的左侧和右侧的边距。
name frame_name 规定 iframe 的名称。
referrerpolicy no-referrer no-referrer-when-downgradeorigin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url 规定 iframe 的名称。
sandbox allow-forms allow-same-origin allow-scripts allow-top-navigation 启用一系列对 <iframe> 中内容的额外限制。
scrolling yes no auto 规定是否在 iframe 中显示滚动条。
seamless seamless 规定 <iframe> 看上去像是包含文档的一部分。
src URL 规定在 iframe 中显示的文档的 URL。
srcdoc HTML_code 规定在 <iframe> 中显示的页面的 HTML 内容。
width pixels % 定义 iframe 的宽度。

img:向网页中嵌入一幅图像

请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。

<img> 标签有两个必需的属性：src 属性 和 alt 属性。

属性 值 描述
alt text 规定图像的替代文本。
src URL 规定显示图像的 URL。
align top bottom middle left right 不推荐使用。规定如何根据周围的文本来排列图像。
border pixels 不推荐使用。定义图像周围的边框。
height pixels % 定义图像的高度。
hspace pixels 不推荐使用。定义图像左侧和右侧的空白。
ismap URL 将图像定义为服务器端图像映射。
loading eagerlazy 规定浏览器是应该立即加载图像还是推迟加载屏幕外图像。
longdesc URL 指向包含长的图像描述文档的 URL。
referrepolocy no-referrer no-referrer-when-downgradeorigin origin-when-cross-origin unsafe-url 规定在获取图像时要使用的引荐来源信息。
usemap URL 将图像定义为客户器端图像映射。
vspace pixels 不推荐使用。定义图像顶部和底部的空白。
width pixels% 设置图像的宽度。

input:用于搜集用户信息

根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

**提示：**请使用 label 元素为某个表单控件定义标签。

属性 值 描述
accept mime_type 规定通过文件上传来提交的文件的类型。
align left right top middle bottom 不赞成使用。规定图像输入的对齐方式。
alt text 定义图像输入的替代文本。
autocomplete onoff 规定是否使用输入字段的自动完成功能。
autofocus autofocus 规定输入字段在页面加载时是否获得焦点。（不适用于 type=”hidden”）
checked checked 规定此 input 元素首次加载时应当被选中。
dirname inputname.dir 规定将提交的文本方向。
disabled disabled 当 input 元素加载时禁用此元素。
form formname 规定输入字段所属的一个或多个表单。
formaction URL 覆盖表单的 action 属性。（适用于 type=”submit” 和 type=”image”）
formenctype 见注释 覆盖表单的 enctype 属性。（适用于 type=”submit” 和 type=”image”）
formmethod getpost 覆盖表单的 method 属性。（适用于 type=”submit” 和 type=”image”）
formnovalidate formnovalidate 覆盖表单的 novalidate 属性。如果使用该属性，则提交表单时不进行验证。
formtarget _blank _self _parent _topframename 覆盖表单的 target 属性。（适用于 type=”submit” 和 type=”image”）
height pixels*%* 定义 input 字段的高度。（适用于 type=”image”）
list datalist-id 引用包含输入字段的预定义选项的 datalist 。
max number**date 规定输入字段的最大值。请与 “min” 属性配合使用，来创建合法值的范围。
maxlengh number 规定输入字段中的字符的最大长度。
min number**date 规定输入字段的最小值。请与 “max” 属性配合使用，来创建合法值的范围。
minlength number 规定输入字段中所需的最小字符数。
multiple multiple 如果使用该属性，则允许一个以上的值。
name field_name 定义 input 元素的名称。
pattern regexp_pattern 规定输入字段的值的模式或格式。例如 pattern=”[0-9]” 表示输入值必须是 0 与 9 之间的数字。
placeholder text 规定帮助用户填写输入字段的提示。
readonly readonly 规定输入字段为只读。
required required 指示输入字段的值是必需的。
size number_of_char 定义输入字段的宽度。
src URL 定义以提交按钮形式显示的图像的 URL。
step number 规定输入字的的合法数字间隔。
type button checkbox file hidden image password radio reset submittext 规定 input 元素的类型。
value value 规定 input 元素的值。
width pixels*%* 定义 input 字段的宽度。（适用于 type=”image”）

ins:定义已经被插入文档中的文本

属性 值 描述
cite URL 指向另外一个文档的 URL，此文档可解释文本被插入的原因。
datetime YYYYMMDD 定义文本被插入的日期和时间。

keygen:用于表单的密钥对生成器字段

属性 值 描述
autofocus autofocus 使 keygen 字段在页面加载时获得焦点。
challenge challenge 如果使用，则将 keygen 的值设置为在提交时询问。
disabled disabled 禁用 keytag 字段。
form formname 定义该 keygen 字段所属的一个或多个表单。
keytype rsa 定义 keytype。rsa 生成 RSA 密钥。
name fieldname 定义 keygen 元素的唯一名称。name 属性用于在提交表单时搜集字段的值。

label:为 input 元素定义标注

label 元素不会向用户呈现任何特殊效果。

不过，它为鼠标用户改进了可用性。如果在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

属性 值 描述
for id 规定 label 绑定到哪个表单元素。
form formid 规定 label 字段所属的一个或多个表单。

legend:为 fieldset 元素定义标题

属性 值 描述
align top bottom left right 不赞成使用。请使用样式代替。为 fieldset 中的标题定义对齐方式。

li:定义列表项目

<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

属性 值 描述
type AaIi1discsquarecircle 不赞成使用。请使用样式取代它。规定使用哪种项目符号。
value number 不赞成使用。请使用样式取代它。规定列表项目的数字。

link:定义文档与外部资源的关系

<link> 标签最常见的用途是链接样式表。

**注释：**link 元素是空元素，它仅包含属性。

**注释：**此元素只能存在于 head 部分，不过它可出现任何次数。

属性 值 描述
charset char_encoding HTML5 中不支持。
href URL 规定被链接文档的位置。
hreflang language_code 规定被链接文档中文本的语言。
media media_query 规定被链接文档将被显示在什么设备上。
referrerpolocy no-referrerno-referrer-when-downgradeoriginorigin-when-cross-originunsafe-url 规定在获取资源时要使用的引荐来源信息。
rel alternateauthor helpiconlicence nextpingback prefetch prevsearch sidebarstylesheettag 规定当前文档与被链接文档之间的关系。
rev reversed relationship HTML5 中不支持。
sizes heightxwidthany 规定被链接资源的尺寸。仅适用于 rel=”icon”。
tartget _blank_self_top_parentframe_name HTML5 中不支持。
type MIME_type 规定被链接文档的 MIME 类型。

main:规定文档的主要内容

**注释：**在一个文档中，不能出现一个以上的 <main> 元素。<main> 元素不能是以下元素的后代：<article>、<aside>、<footer>、<header> 或 <nav>。

map:定义一个客户端图像映射

图像映射（image-map）指带有可点击区域的一幅图像。

**注释：**area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。

注释：<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 <map> 添加 id 和 name 属性。

属性 值 描述
*id unique_name 为 map 标签定义唯一的名称。
name mapname 为 image-map 规定的名称。

mark:定义带有记号的文本

请在需要突出显示文本时使用 <m> 标签。

<menu> 标签用于上下文菜单、工具栏以及用于列出表单控件和命令。

**提示：**请使用 CSS 来设置菜单列表的样式！

属性 值 描述
label text 规定菜单的可见标签。
type popuptoolbar 规定要显示哪种菜单类型。
属性 值 描述
checked checked 规定在页面加载后选中命令/菜单项目。仅适用于 type=”radio” 或 type=”checkbox”。
default default 把命令/菜单项设置为默认命令。
disabled disabled 规定命令/菜单项应该被禁用。
icon URL 规定命令/菜单项的图标。
open open 定义 details 是否可见。
label text 必需。规定命令/菜单项的名称，以向用户显示。
radiogroup groupname 规定命令组的名称，命令组会在命令/菜单项本身被切换时进行切换。仅适用于 type=”radio”。
type checkboxcommandradio 规定命令/菜单项的类型。默认是 “command”。

meta:提供有关页面的元信息

<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

在 HTML 中，<meta> 标签没有结束标签。

在 XHTML 中，<meta> 标签必须被正确地关闭。

注释：<meta> 标签永远位于 head 元素内部。

**注释：**元数据总是以名称/值的形式被成对传递的。

属性 值 描述
cgarset character_set 规定 HTML 文档的字符编码。
content text 定义与 http-equiv 或 name 属性相关的元信息。
http-equiv content-security-policycontent-typedefault-stylerefresh 把 content 属性关联到 HTTP 头部。
name application-name authordescriptiongenerator keywordsviewport 把 content 属性关联到一个名称。
scheme some_text 定义用于翻译 content 属性值的格式。

meter:度量给定范围（gauge）内的数据

例子：磁盘用量、查询结果的相关性，等等。

注释：<meter> 标签不应用于指示进度（在进度条中）。如果标记进度条，请使用 <progress> 标签。

属性 值 描述
form form_id 规定 <meter> 元素所属的一个或多个表单。
high number 规定被视作高的值的范围。
low number 规定被视作低的值的范围。
max number 规定范围的最大值。
min number 规定范围的最小值。
optimum number 规定度量的优化值。
value number 必需。规定度量的当前值。

示例代码:

meter value="3" min="0" max="10">十分之三</meter>
<meter value="0.6">60%</meter>

**提示：**如果文档中有“前后”按钮，则应该把它放到 <nav> 元素中。

noframes:为不支持框架的浏览器显示文本

noframes 元素位于 frameset 元素内部。

**注释：**如果浏览器有能力处理框架，就不会显示出 frameset 元素中的文本。

**重要事项：**如果您希望 frameset 添加 <noframes> 标签，就必须把其中的文本包装在 <body></body> 标签中！

**注释：**如果您希望验证包含框架的页面，请确保 DTD 被设置为 “Frameset DTD”。

noscript:定义在脚本未被执行时的替代内容（文本）

**注释：**如果浏览器支持脚本，那么它不会显示出 noscript 元素中的文本。

**注释：**无法识别 <script> 标签的浏览器会把标签的内容显示到页面上。为了避免浏览器这样做，您应当在注释标签中隐藏脚本。老式的（无法识别 <script> 标签的）浏览器会忽略注释，这样就不会把标签的内容写到页面上，而新式的浏览器则懂得执行这些脚本，即使它们被包围在注释标签中！

object:定义一个嵌入的对象

<object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

属性 值 描述
align left right top bottom 定义围绕该对象的文本对齐方式。
archive URL 由空格分隔的指向档案文件的 URL 列表。这些档案文件包含了与对象相关的资源。
border pixels 定义对象周围的边框。
classid class ID 定义嵌入 Windows Registry 中或某个 URL 中的类的 ID 值，此属性可用来指定浏览器中包含的对象的位置，通常是一个 Java 类。
codebase URL 定义在何处可找到对象所需的代码，提供一个基准 URL。
codetype MIME type 通过 classid 属性所引用的代码的 MIME 类型。
data URL 规定对象要使用的资源的 URL。
declare declare 可定义此对象仅可被声明，但不能被创建或例示，直到此对象得到应用为止。
form form_id 规定对象所属的一个或多个表单。
height pixels 定义对象的高度。
hspace pixels 定义对象周围水平方向的空白。
name name 规定 <object> 元素的名称。
standby text 定义当对象正在加载时所显示的文本。
type media_type 规定对象的 Internet 媒体类型。
usemap #mapname 规定与对象一起使用的图像映射的名称。
vspace pixels 定义对象的垂直方向的空白。
width pixels 定义对象的宽度。

ol:定义有序列表

**提示：**请使用 CSS 来定义列表的类型。

属性 值 描述
compact compact HTML5 中不支持。HTML 4.01 中不赞成使用。规定列表呈现的效果比正常情况更小巧。
reversed reversed 规定列表顺序为降序。(9,8,7…)
start number 规定有序列表的起始值。
type 1AaIi 规定在列表中使用的标记类型。

optgroup:把相关的选项组合在一起

<optgroup> 标签定义选项组。

optgroup 元素用于组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。

属性 值 描述
*label text 为选项组规定描述。
disabled disabled 规定禁用该选项组。

示例代码:

<select>
  <optgroup label="Swedish Cars">
    <option value ="volvo">Volvo</option>
    <option value ="saab">Saab</option>
  </optgroup>

  <optgroup label="German Cars">
    <option value ="mercedes">Mercedes</option>
    <option value ="audi">Audi</option>
  </optgroup>
</select>

option:定义下拉列表中的一个选项

浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示。

option 元素位于 select 元素内部。

注释：<option> 标签可以在不带有任何属性的情况下使用，但是您通常需要使用 value 属性，此属性会指示出被送往服务器的内容。

**注释：**请与 select 元素配合使用此标签，否则这个标签是没有意义的。

**提示：**如果列表选项很多，可以使用 <optgroup> 标签对相关选项进行组合。

属性 值 描述
disbled disabled 规定此选项应在首次加载时被禁用。
lebel text 定义当使用 <optgroup> 时所使用的标注。
selected selected 规定选项（在首次显示在列表中时）表现为选中状态。
value text 定义送往服务器的选项值。

output:定义不同类型的输出，比如脚本的输出

属性 值 描述
for element_id 定义输出域相关的一个或多个元素。
form form_id 定义输入字段所属的一个或多个表单。
name name 定义对象的唯一名称。（表单提交时使用）

p:定义段落

p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

属性 值 描述
align left right center justify 不赞成使用。请使用样式取代它。规定段落中文本的对齐方式。

param:为插入 XHTML 文档的对象规定 run-time 设置

param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置，也就是说，此标签可为包含它的object或者 [ applet标签提供参数。

属性 值 描述
name name 定义参数的名称。
type MIME type 规定参数的 MIME 类型（internet media type）。
value value 规定参数的值。
valuetype datarefobject 规定值的 MIME 类型。

picture:使 Web 开发人员在指定图像资源方面更具灵活性

<picture> 元素的最常见用途是在响应式设计中用于艺术指导。可以设计多个图像来更好地填充浏览器视口，而不是根据视口宽度缩放一个图像。

<picture>元素包含两个标签：一个或多个source标签和一个img标签。

浏览器将查找媒体查询与当前视口宽度匹配的第一个 <source> 元素，然后显示正确的图像（在 srcset 属性中指定）。 <img> 元素是 <picture> 元素的最后一个子元素，如果没有 source 标签匹配，则作为后备选项。

提示：<picture> 元素的作用类似于 <video> 和 <audio>。您设置好不同的来源，然后符合首选项的第一个 source 就是是所使用的来源。

pre:定义预格式化的文本

被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre> 标签的一个常见应用就是用来表示计算机的源代码。

详解见HTML 标签 (w3school.com.cn)

progress:标示任务的进度

**提示：**请结合 <progress> 标签与 JavaScript 一同使用，来显示任务的进度。

注释：<progress> 标签不适合用来表示度量衡（例如，磁盘空间使用情况或查询结果）。如需表示度量衡，请使用 <meter> 标签代替。

属性 值 描述
max number 规定任务一共需要多少工作。
value number 规定已经完成多少任务。

q:标记短的引用

<q> 标签在本质上与<blockquote>是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分（通常显示为缩进的块），请使用 <blockquote> 标签。

**提示：**根据 HTML 4.01 规范，q 元素应当使用分界引号来呈现，就是说，q 元素包含的文本必须以引号来开始和结束。Mozilla 浏览器 (Firefox) 以及 Opera 符合这个规定，但是 Internet Explorer 却不支持此规定。结果，如果要使用 <q> 标签，而且用自己的引号来满足 Internet Explorer，那么就要在符合标准的浏览器使用两组引号。尽管如此，我们还是推荐使用 <q> 标签，这不仅仅因为我们喜欢标准，还因为我们预见到了将其应用于文档处理、信息提取等方面的显示效果。

属性 值 描述
cite citation 定义引用的出处或来源（citation）

rp:定义不支持 ruby 元素的浏览器所显示的内容

**提示：**支持 “ruby” 元素的浏览器不会显示 “rp” 元素的内容。

rt:定义字符（中文注音或字符）的解释或发音

示例代码:

<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>

ruby:定义 ruby 注释（中文注音或字符）

在东亚使用，显示的是东亚字符的发音。

与 <ruby> 以及 <rt> 标签一同使用.

s:定义加删除线文本定义

<s> 标签是<strike>的缩写版本，Netscape 和 Internet Explorer 都支持它。但在 HTML 4 和 XHTML 中已经不再赞成使用它了，意思就是不再使用了；它早晚有一天将会消失。

script:用于定义客户端脚本，比如 JavaScript

script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。

必需的 type 属性规定脚本的 MIME 类型。

JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。

**注释：**假如此元素内部的代码没有位于某个函数中，那么这些代码会在页面被加载时被立即执行。 标签之后的脚本会被忽略。

**提示：**请参阅 noscript元素；对于那些在浏览器中禁用脚本或者其浏览器不支持客户端脚本的用户来说，该元素非常有用。

属性 值 描述
async async 规定异步执行脚本（仅适用于外部脚本）。
charset charset 规定在外部脚本文件中使用的字符编码。
crossorigin anonymoususe-credentials 将请求模式设置为 HTTP CORS 请求。
defer defer 规定是否对脚本执行进行延迟，直到页面加载为止。
language script 不赞成使用。规定脚本语言。请使用 type 属性代替它。
referrepolocy no-referrerno-referrer-when-downgradeorigin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url 规定外部脚本文件的 URL。
src URL 规定外部脚本文件的 URL。
xml:space preserve 规定是否保留代码中的空白。
type MIME-type 指示脚本的 MIME 类型。

section:定义文档中的节

<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

属性 值 描述
cite URL section 的 URL，假如 section 摘自 web 的话。

示例代码:

<section>
  <h1>PRC</h1>
  <p>The People's Republic of China was born in 1949...</p>
</section>

select:创建单选或多选菜单

**提示：**select 元素是一种表单控件，可用于在表单中接受用户输入。

属性 值 描述
autofocus autofocus 规定在页面加载后文本区域自动获得焦点。
disabled disabled 规定禁用该下拉列表。
form form_id 规定文本区域所属的一个或多个表单。
multiple multiple 规定可选择多个选项。
name name 规定下拉列表的名称。
required required 规定文本区域是必填的。
size number 规定下拉列表中可见选项的数目。

示例代码:

<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

small:呈现小号字体效果

<small> 标签和它所对应的 <big> 标签一样，但它是缩小字体而不是放大。如果被包围的字体已经是字体模型所支持的最小字号，那么 <small> 标签将不起任何作用。

与 <big> 标签类似，<small> 标签也可以嵌套，从而连续地把文字缩小。每个 <small> 标签都把文本的字体变小一号，直到达到下限的一号字。

source:为媒介元素（比如 <video> 和 <audio>）定义媒介资源

<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

**示例代码:**拥有两份源文件的音频播放器。浏览器应该选择它所支持的文件（如果有的话）

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
</audio>

span:用来组合文档中的行内元素

**提示：**请使用 <span> 来组合行内元素，以便通过样式来格式化它们。

**注释：**span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。

如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。

可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。

strike:用于定义删除线文本

**注释：**请使用 <del> 替代它！

style:用于为 HTML 文档定义样式信息

在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。

type 属性是必需的，定义 style 元素的内容。唯一可能的值是 “text/css”。

style 元素位于 head 部分中。

**提示：**如需链接外部样式表，请使用<link>。

属性 值 描述
*type text/css 规定样式表的 MIME 类型。
media screen tty tv projection handheld print braill eaural all 为样式表规定不同的媒介类型。

sub:定义下标文本

包含在 <sub> 标签和其结束标签 </sub> 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。

**提示：**无论是 <sub> 标签还是和它对应的<sup>，在数学等式、科学符号和化学公式中都非常有用。

summary:包含 details 元素的标题

<summary> 标签包含 details 元素的标题，”details” 元素用于描述有关文档或文档片段的详细信息。

**提示：**请与<details>一起使用。标题是可见的，当用户点击标题时会显示出详细信息。

注释：“summary” 元素应该是 “details” 元素的第一个子元素。

sup:定义上标文本

包含在 标签和其结束标签 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。

**提示：**这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。如果和 <a> 标签结合起来使用，就可以创建出很好的超链接脚注。

svg:记定义 SVG 图形的容器

SVG 有几种绘制路径、框、圆、文本和图形图像的方法。

实例详见HTML 标签 (w3school.com.cn)

table:定义 HTML 表格

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

属性 值 描述
align left center right 不赞成使用。请使用样式代替。规定表格相对周围元素的对齐方式。
bgcolor rgb(x,x,x)#xxxxxxcolorname 不赞成使用。请使用样式代替。规定表格的背景颜色。
border pixels 规定表格边框的宽度。
cellpadding pixels*%* 规定单元边沿与其内容之间的空白。
cellspacing pixels*%* 规定单元格之间的空白。
frame voidabovebelowhsideslhsrhsvsidesboxborder 规定外侧边框的哪个部分是可见的。
rules nonegroupsrowscolsall 规定内侧边框的哪个部分是可见的。
summary text 规定表格的摘要。
width *%*pixels 规定表格的宽度。

tbody:用于组合 HTML 表格的主体内容

<tbody> 标签表格主体（正文）。

tbody 元素应该与 thread和 tfoot元素结合起来使用。

thead 元素用于对 HTML 表格中的表头内容进行分组，而 tfoot 元素用于对 HTML 表格中的表注（页脚）内容进行分组。

**注释：**如果您使用 thead、tfoot 以及 tbody 元素，您就必须使用全部的元素。它们的出现次序是：thead、tfoot、tbody，这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。

**提示：**在默认情况下这些元素不会影响到表格的布局。不过，您可以使用 CSS 使这些元素改变表格的外观。

属性 值 描述
align right left center justify char 定义 tbody 元素中内容的对齐方式。
char character 规定根据哪个字符来进行文本对齐。
charoff number 规定第一个对齐字符的偏移量。
valign top middle bottom baseline 规定 tbody 元素中内容的垂直对齐方式。

td:定义 HTML 表格中的标准单元格

**提示：**请使用 colspan 和 rowspan 属性来实现内容横跨多个行或列。

属性 值 描述
abbr text 规定单元格中内容的缩写版本。
align left right center justify char 规定单元格内容的水平对齐方式。
axis category_name 对单元进行分类。
bgcolor rgb(x,x,x)#xxxxxxcolorname 不赞成使用。请使用样式取而代之。规定单元格的背景颜色。
char character 规定根据哪个字符来进行内容的对齐。
charoff number 规定对齐字符的偏移量。
colspan number 规定单元格可横跨的列数。
headers header_cells’_id 规定与单元格相关的表头。
height pixels*%* 不赞成使用。请使用样式取而代之。规定表格单元格的高度。
nowarp nowrap 不赞成使用。请使用样式取而代之。规定单元格中的内容是否折行。
rowspan number 规定单元格可横跨的行数。
scope col colgroup row rowgroup 定义将表头数据与单元数据相关联的方法。
valign top middle bottom baseline 规定单元格内容的垂直排列方式。
width pixels % 不赞成使用。请使用样式取而代之。规定表格单元格的宽度。

示例代码:

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

template:用作容纳页面加载时对用户隐藏的 HTML 内容的容器

<template> 中的内容可以稍后使用 JavaScript 呈现。

如果您有一些需要重复使用的 HTML 代码，则可以使用 <template> 标记。如果在没有 <template> 标记的情况下执行此操作，必须使用 JavaScript 创建 HTML 代码，以防止浏览器呈现这些代码。

实例详见:

https://www.w3school.com.cn/tags/tag_template.asp

textarea:定义多行的文本输入控件

文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。

**注释：**在文本输入区内的文本行间，用 “%OD%OA” （回车/换行）进行分隔。

**提示：**可以通过 <textarea> 标签的 wrap 属性设置文本输入区内的换行模式。

属性 值 描述
autofocus autofocus 规定在页面加载后文本区域自动获得焦点。
cols number 规定文本区内的可见宽度。
dirname textareaname.dir 规定被提交的 textarea 的文本方向。
disabled disabled 规定禁用该文本区。
form form_id 规定文本区域所属的一个或多个表单。
maxlength number 规定文本区域的最大字符数。
name name_of_textarea 规定文本区的名称。
placeholder text 规定描述文本区域预期值的简短提示。
readonly readonly 规定文本区为只读。
required required 规定文本区域是必填的。
rows number 规定文本区内的可见行数。
wrap hardsoft 规定当在表单中提交时，文本区域中的文本如何换行。

thead:定义表格的表头

该标签用于组合 HTML 表格的表头内容。

tfoot:定义表格的页脚

**注释：**如果使用 thead、tfoot 以及 tbody 元素，就必须使用全部的元素。它们的出现次序是：thead、tfoot、tbody，这样浏览器就可以在收到所有数据前呈现页脚了。必须在 table 元素内部使用这些标签。

**提示：**在默认情况下这些元素不会影响到表格的布局。不过，可以使用 CSS 使这些元素改变表格的外观。

th:定义表格内的表头单元格

th 元素内部的文本通常会呈现为居中的粗体文本，而 td 元素内的文本通常是左对齐的普通文本。

**提示：**如果需要将内容横跨多个行或列，请使用 colspan 和 rowspan 属性。

属性 值 描述
abbr text 规定单元格中内容的缩写版本。
align left right center justify char 规定单元格内容的水平对齐方式。
axis category_name 对单元格进行分类。
bgcolor rgb(x,x,x)#xxxxxxcolorname 不推荐使用。请使用样式替代它。规定表格单元格的背景颜色。
char character 规定根据哪个字符来进行内容的对齐。
charoff number 规定对齐字符的偏移量。
colspan number 设置单元格可横跨的列数。
headers idrefs 由空格分隔的表头单元格 ID 列表，为数据单元格提供表头信息。
height pixels*%* 不推荐使用。请使用样式替代它。规定表格单元格的高度。
nowarp nowrap 不推荐使用。请使用样式取而代之。规定单元格中的内容是否折行。
rowspan number 规定单元格可横跨的行数。
scope col colgroup row rowgroup 定义将表头数据与单元数据相关联的方法。
valign top middle bottom baseline 规定单元格内容的垂直排列方式。
width pixels % 不推荐使用。请使用样式取而代之。规定表格单元格的宽度。

time:定义公历的时间

<time> 标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。

该元素能够以机器可读的方式对日期和时间进行编码，这样，举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。

属性 值 描述
datetime datetime 规定日期 / 时间。否则，由元素的内容给定日期 / 时间。
pubdate pubdate 指示 <time> 元素中的日期 / 时间是文档（或 <article> 元素）的发布日期。

title:定义文档的标题

浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。

提示：<title> 标签是 <head> 标签中唯一要求包含的东西。

属性 值 描述
dir rtl ltr 规定元素中内容的文本方向。
lang language_code 规定元素中内容的语言代码。
xml:lang language_code 规定 XHTML 文档中元素内容的语言代码。

tr:定义 HTML 表格中的行

tr 元素包含一个或多个 th或 td元素。

属性 值 描述
align right left center justify char 定义表格行的内容对齐方式。
bgcolor rgb(x,x,x)#xxxxxxcolorname 不赞成使用。请使用样式取而代之。规定表格行的背景颜色。
char character 规定根据哪个字符来进行文本对齐。
charoff number 规定第一个对齐字符的偏移量。
valign top middle bottom baseline 规定表格行中内容的垂直对齐方式。

track:为诸如 video 元素之类的媒介规定外部文本轨道

用于规定字幕文件或其他包含文本的文件，当媒介播放时，这些文件是可见的。

<track> 标签是 HTML 5 中的新标签。

属性 值 描述
default default 规定该轨道是默认的，假如没有选择任何轨道。
kind caption schapters descriptions metadata subtitles 表示轨道属于什么文本类型。
label label 轨道的标签或标题。
src url 轨道的 URL。
srclang language_code 轨道的语言，若 kind 属性值是 “subtitles”，则该属性必需的。

tt:呈现类似打字机或者等宽的文本效果

<tt> 标签与 code和kbd标签一样，<tt> 标签和必需的 </tt> 结束标签告诉浏览器，要把其中包含的文本显示为等宽字体。对于那些已经使用了等宽字体的浏览器来说，这个标签在文本的显示上就没有什么特殊效果了。

u:为文本添加下划线

**注释：**请尽量避免为文本加下划线 – 用户会把它混淆为一个超链接！

ul:定义无序列表

**提示：**请使用样式来定义列表的类型。

属性 值 描述
compact compact 不赞成使用。请使用样式取代它。规定列表呈现的效果比正常情况更小巧。
type discsquarecircle 不赞成使用。请使用样式取代它。规定列表的项目符号的类型。

video:定义视频，比如电影片段或其他视频流

属性 值 描述
autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。
controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。
height pixels 设置视频播放器的高度。
loop loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。
muted muted 规定视频的音频输出应该被静音。
poster URL 规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。
preload preload 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
src url 要播放的视频的 URL。
width pixels 设置视频播放器的宽度。

wbr:Word Break Opportunity

Word Break Opportunity (<wbr>) 规定在文本中的何处适合添加换行符。

**提示：**如果单词太长，或者您担心浏览器会在错误的位置换行，那么您可以使用 <wbr> 元素来添加 Word Break Opportunity（单词换行时机）。

没有标签
首页   •   FrontEnd   •   HTML常用标签及属性
arrow_back 上一篇
C++代码备忘

Lickoo的小本本

HTML常用标签及属性
HTML常用标签及属性 内联元素和块级元素：(180条消息) 块级元素（block）与内联元素（inline）_胡桃夹夹子的博客-CSDN博客_block和inline [https://blog.c
扫描二维码继续阅读
2022-09-26
--> <-- mouse effects show end -->