BigCoke

那些鲜为人知的HMTL标签
<dfn><dfn>标签用于标记那些对特殊术语或短语的定义,比如下面这个:<p>...
扫描右侧二维码阅读全文
09
2019/03

那些鲜为人知的HMTL标签

<dfn>

<dfn>标签用于标记那些对特殊术语或短语的定义,比如下面这个:

<p>Typecho是<dfn>由type和echo两个词合成的</dfn>。</p>

在一些浏览器中,会用_斜体_来展示<dfn>标签,但在ChromeFireFox中,这玩意就跟不存在一样。
并且,在w3school中,这个标签仅用5行就介绍完毕,还让我们少用为妙

<acronym>

<acronym>用于标记一段英文缩写,定义它的全称,比如下面这个。

<acronym title="Animation Comic Game">ACG</acronym>

这标签是个什么玩意?从来没见过。
你当然没见过,因为在HTML5之中,根本不支持<acronym>
他现在被<abbr>代替了。

<address>

<address>用于书写当前文章或者文档作者的信息

如果 <address> 元素位于 <body> 元素内,则它表示文档联系信息。
如果 <address> 元素位于 <article> 元素内,则它表示文章的联系信息。

<address>通常被浏览器当做块级元素,并且会显示为斜体。

我们通常都是直接在文章页脚添加一个块引用来书写一段简短的版权信息,所以这玩意我基本没接触过
而且斜体难看死了啊

<applet>

这啥玩意?没错这标签在H5中也tm的不支持。
w3school中写道:"<applet> 标签定义嵌入的 applet。"
没错,我也没看懂他生前是用来干嘛的

<base>

<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a><img><link><form> 标签中的 URL。

这玩意通常出现在<head>标签,用于规定当前页面所有元素的默认地址或默认目标。

<head>
  <!-- ... -->
  <base target="_blank" />
  <!-- ... -->
</head>
<body>
  <!-- ... -->
  <a href="/">233</a>
  <!-- ... -->
</body>

上面body中的a标签会在新标签打开,即使他没有target属性。

<basefont>

<basefont>用于定义一个页面中,文字默认的颜色、字体与大小

<head>
  <!-- ... -->
  <basefont color="red" size="5" />
  <!-- ... -->
</head>

<body>
  <!-- ... -->
  <h1>This is a header</h1>
  <p>This is a paragraph</p>
  <!-- ... -->
</body>

值得一提的是,常用的浏览器都不支持这个标签,神奇的是IE浏览器居然兼容。
这年头谁用IE啊?直接一个样式就能搞定的事。

html{
    color:red;
    font-size:20px;
    font-family:微软雅黑
}

<bdi>

这是在H5新加入的标签,这个标签允许您设置一段文本,使其脱离其父元素的文本方向设置。

<ul>
  <li>Username <bdi>Bill</bdi>:80 points</li>
  <li>Username <bdi>Steve</bdi>: 78 points</li>
</ul>

我还没搞懂这玩意干嘛的,估计就是不受父元素text-align的继承吧~
目前只有FireFox和Chrome支持该属性,所以不推荐使用。

<bdo>

<bdo>类似<bdi>,可以覆盖默认的文本方向,也就是<html>text-align吧_(:з」∠)_

详细可以看这里

<caption>

这个标签用于定义表格的标题,但是他不同于<th>,它是用来定义整个<table>的标题。
在使用<caption>时,必须将其放在<table>标签开始之后。

<table border="1">
  <caption>可乐加点冰 博客统计</caption>
  <tr>
    <th>阅读</th>
    <th>评论</th>
  </tr>
  <tr>
    <td>0</td>
    <td>0</td>
  </tr>
</table>

<col>

<col>可能通常会被理解为栅格,可能是平时框架用的比较多吧233333
这个标签用于定义表格内对应竖列的对齐方式、前景色、背景色等样式。
比如这个:

<table width="100%" border="1">
  <col align="left" />
  <col align="left" />
  <col align="right" />
  <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>

这样显示出来的第一个和第二个竖列为左对齐,第三个右对其。
你也可以通过给<col>定义class来给相应竖列定义样式。

这玩意有点类似与markdown中,表格对齐方式的写法。

-:|:-:|:-
我是|一个|表格

如果你不理解这句markdown,可以看看下面的文章。


部分内容参考自w3school


本文由 BigCoke 所撰,未注明内容均为原创,
并采用 CC BY 4.0 进行授权许可,转载请注明源地址
原文地址:https://cokewithice.com/p/200.html

Last modification:March 10th, 2019 at 11:41 am

Leave a Comment

8 comments

  1. 蝉時雨

    然而我只会用 div ∠( ᐛ 」∠)_

    1. BigCoke
      @蝉時雨

      大佬装萌新,可pia

  2. 左岸

    板凳

    1. BigCoke
      @左岸

      您是地板哦

  3. 烨某人

    emmm

    1. BigCoke
      @烨某人

      至少还是抢了个板凳呗

  4. 七越

    沙发都是最帅的人 不用说就是我 hhhhh

    1. BigCoke
      @七越

      然而博主更帅