html学习笔记一

很少用到但是很棒的标签

声明:主要内容来自于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 的位置,并且不能将其与服务器的数据进行绑定。

 

以上内容根据个人经验筛选,欢迎补充。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值