您好!欢迎访问家园网-www.jy.wang!

家园网

不允许写结束标记的元素讲解

网络 作者:本站 点击:

HTML中,还有一些不允许写结束标记的元素有

 area、base、br、col、 command、embed、hr、img、input、

keygen、link、 meta、param、source、track 和wbr。

参照前面的格式继续进行讲解,每个元素分三部分讲解。


在HTML中,有些元素是自闭合元素,不允许写结束标记。这些元素包括:area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track 和wbr。以下是对这些元素的详细讲解:

1‌、area

用途‌:定义图像映射中的区域,通常与map元素配合使用。

词源‌:来自英语 "area",意为"区域"。

举例‌:

<map name="image_map">
  <area shape="rect" coords="0,0,100,100" href="page1.html">
</map>


‌2、base

用途‌:定义文档中所有相对URL的基础路径。

词源‌:来自英语 "base",意为"基础"。‌

举例‌:

<base href="https://www.example.com/">


3、br

用途‌:插入换行符。

词源‌:来自英语 "break",意为"换行"。

举例‌:

<p>第一行<br>第二行</p>


4‌、col

用途‌:定义表格中的一列,通常与colgroup元素配合使用。

词源‌:来自英语 "column",意为"列"。

举例‌:

<table>
  <colgroup>
    <col style="width:50%">
    <col style="width:50%">
  </colgroup>
</table>


5、command

用途‌:定义用户可执行的命令按钮。

词源‌:来自英语 "command",意为"命令"。

举例‌:

<command type="radio" label="选项1">


6‌、embed

用途‌:嵌入外部应用程序或交互式内容。

词源‌:来自英语 "embed",意为"嵌入"。

举例‌:

<embed src="video.mp4" type="video/mp4">


7‌、hr

用途‌:定义主题的分隔线。

词源‌:来自英语 "horizontal rule",意为"水平线"。

举例‌:

<p>段落1</p>
<hr>
<p>段落2</p>


8‌、img

用途‌:插入图像。

词源‌:来自英语 "image",意为"图像"。

举例‌:

<img src="image.jpg" alt="图片描述">


9‌、input

用途‌:定义输入控件。

词源‌:来自英语 "input",意为"输入"。

举例‌:

<input type="text" name="username">


1‌0、keygen

用途‌:定义密钥对生成器。

词源‌:来自 "key" + "generator",意为"密钥生成器"。

举例‌:

<keygen name="key">


1‌1、link

用途‌:定义文档与外部资源的关系。

词源‌:来自英语 "link",意为"链接"。

举例‌:

<link rel="stylesheet" href="style.css">


1‌2、meta

用途‌:定义文档的元数据。

词源‌:来自英语 "metadata",意为"元数据"。

举例‌:

<meta charset="UTF-8">


1‌3、param

用途‌:定义对象的参数。

词源‌:来自英语 "parameter",意为"参数"。

举例‌:

<object data="movie.swf">
  <param name="quality" value="high">
</object>


1‌4、source

用途‌:为video或audio元素提供多个媒体资源。

词源‌:来自英语 "source",意为"来源"。

举例‌:

<video>
  <source src="video.mp4" type="video/mp4">
</video>


1‌5、track

用途‌:为video或audio元素定义文本轨道。

词源‌:来自英语 "track",意为"轨道"。

举例‌:

<video>
  <track kind="captions" src="captions.vtt">
</video>


1‌6、wbr

用途‌:定义软换行点,允许在单词中间换行。

词源‌:来自 "word break opportunity",意为"单词断点"。‌

举例‌:

  1. <p>这是一个很长的单词<wbr>breakable</p>

这些元素都是自闭合元素,不能包含其他内容,必须以/>结尾或单独使用。

标签: