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">
10、keygen
用途:定义密钥对生成器。
词源:来自 "key" + "generator",意为"密钥生成器"。
举例:
<keygen name="key">
11、link
用途:定义文档与外部资源的关系。
词源:来自英语 "link",意为"链接"。
举例:
<link rel="stylesheet" href="style.css">
12、meta
用途:定义文档的元数据。
词源:来自英语 "metadata",意为"元数据"。
举例:
<meta charset="UTF-8">
13、param
用途:定义对象的参数。
词源:来自英语 "parameter",意为"参数"。
举例:
<object data="movie.swf"> <param name="quality" value="high"> </object>
14、source
用途:为video或audio元素提供多个媒体资源。
词源:来自英语 "source",意为"来源"。
举例:
<video> <source src="video.mp4" type="video/mp4"> </video>
15、track
用途:为video或audio元素定义文本轨道。
词源:来自英语 "track",意为"轨道"。
举例:
<video> <track kind="captions" src="captions.vtt"> </video>
16、wbr
用途:定义软换行点,允许在单词中间换行。
词源:来自 "word break opportunity",意为"单词断点"。
举例:
<p>这是一个很长的单词<wbr>breakable</p>
这些元素都是自闭合元素,不能包含其他内容,必须以/>结尾或单独使用。