很少用到但是很棒的标签
声明:主要内容来自于https://www.w3cschool.cn
<base>
<base> 标签是 HTML 语言中的基准网址标记,是一个单标签。
<base> 标签位于网页头部文件的 <head> 标签内,一个页面最多只能使用一个 base 元素,用来提供一个指定的默认目标。
标签定义及使用说明
<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。
在一个文档中,最多能使用一个 <base> 元素。 <base> 标签必须位于 <head> 元素内部。
eg:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool(w3cschool.cn)</title>
<base href="https://www.w3cschool.cn/statics/images/"; target="_blank">
</head>
<body>
<p><img src="logo.png" > - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签,该标签指定了页面上所有链接的默认 URL,所以该图片的访问地址为 "https://www.w3cschool.cn/statics/images/logo.png";
<p><a href="https://www.w3cschool.cn/">w3cschool.cn</a>- 注意这个链接会在新窗口打开,即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。</p>
</body>
</html>
<bdo></bdo>
<bdo> 标签定义页面中文本排序的显示方向,用于想要改变排序的文本。
标签定义及使用说明
bdo 指的是 bidi 覆盖(Bi-Directional Override)。
<bdo> 标签用来覆盖默认的文本方向。
<bdo> 标签必须配合 dir 属性使用。
<bdo> 标签有 ltr 和 rtl 两个属性值,分别表示:从左到右显示文本和从右到左显示文本。
eg:
<p>该段落文字从左到右显示。</p>
<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>
<area></area>
<area> 标签可以在图像上划分区域,这些区域是可以点击的,并且对应不同的操作。
参考: https://www.w3cschool.cn/htmltags/tag-area.html
<optgroup></optgroup>
<optgroup> 标签用于对 <select> 元素所提供的选项进行分组。当您使用一个较长的选项列表时,对相关的选项进行组合会使处理更加容易。
标签定义及使用说明
<optgroup> 标签经常用于把相关的选项组合在一起。
如果你有很多的选项组合, 你可以使用<optgroup> 标签能够很简单的将相关选项组合在一起。
<wbr></wbr>
<wbr> 标签可以用来定义HTML文档中需要进行换行的位置,与<br>标签不同,如果浏览器窗口的宽度足够,则不换行;反之,则在添加了 <wbr> 标签的位置进行换行,请参考下述示例:
标签定义及使用说明
<wbr> (Word Break Opportunity) 标签规定在文本中的何处适合添加换行符。
提示:如果单词太长,或者您担心浏览器会在错误的位置换行,那么您可以使用 <wbr> 元素来添加 Word Break Opportunity(单词换行时机)。
<datalist></datalist>
<datalist> 标签需要与 <input> 标签配合使用,用来表示可选的列表。
标签定义及使用说明
<datalist> 标签规定了 <input> 元素可能的选项列表。
<datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性。用户能看到一个下拉列表,里边的选项是预先定义好的,将作为用户的输入数据。
请使用 <input> 元素的 list 属性来绑定 <datalist> 元素。
提示:不能控制 datalist 的位置,并且不能将其与服务器的数据进行绑定。
以上内容根据个人经验筛选,欢迎补充。