html 不常用标签及属性

a 标签的 rel 的个别属性
  • 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
描述
nofollowGoogle 使用 “nofollow”,用于指定 Google 搜索引擎不要跟踪链接。
noreferrer直接访问href的页面,并且不带入当前页面的refer信息
preload加载当前路由必须资源,优先级高。
prefetch空闲时,加载其他路由资源。
MathML【用来在互联网上书写数学符号和公式的置标语言。】
地理定位
navigator.geolocation.getCurrentPosition((position)=>{console.log(position);});
area 标签
  • <area> 标签能够在所需图像中设置作用区域,使用者可以通过点击该作用区域来跳转到相应的页面
<img src="a.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">

  <area shape="rect" coords="0,0,82,126" target="_blank" alt="Sun" href="b.gif">

  <area shape="circle" coords="90,58,3" target="_blank" alt="Mercury" href="c.gif">

  <area shape="circle" coords="124,58,8" target="_blank" alt="Venus" href="d.gif">

</map>
  • coords 区域的坐标
  • shape 区域的形状 default/rect/circle/poly
base 标签
  • 需把 base 标签 排在 head 的第一个元素位置,这样,head区域的其他元素就可以使用 base 元素中的信息。
<head><base href="//test.com" target="_blank"></head> 
<body>
<img src="a.png" width="24" height="39" alt="test">
<a href="a.png">AAA</a>
</body>
dir 属性
  • 定义文本方向
colgroup 和 col 标签
  • 标签用于控制表格中的列,使你更加方便的为表格中的列应用样式。
<table border="1">
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>
ins 、 del 标签
  • ins 标记新插入的文本。显示为文本上添加一条下划线
  • del 标记已删除的文本 。显示为文本上添加一条删除线
meta 的 http-equiv 属性
//每30秒刷新页面
<meta http-equiv="refresh" content="30">
progress 标签 显示进度
<progress value="22" max="100"></progress>
ruby \ rp\ rt 标签
  • ruby注释:中文注音、字符
<ruby><rp>(</rp><rt>Han</rt><rp>)</rp><rp>(</rp><rt>Zi</rt><rp>)</rp>
</ruby>

参考

w3cschool

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值