by shigemk2

当面は技術的なことしか書かない

ABBR

<ABBR>−HTMLタグリファレンス

Abbreviationの略で、このタグで囲まれた語句が略語であることを表します。

とのこと。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>hoge</title>
  </head>
  <body>
    <abbr title="Extensible Markup Language">XML</abbr>では、タグを自分で作ることができます。簡単にいうと<abbr title="Hypertext Markup Language">HTML</abbr>
  </body>
</html>

まあまあこんな感じで表示されます。

そんなマークアップもあったのね。
こんな風にabbrをspanに変えてborder-bottomつけるとか野暮なことをせんでもいいわけですよ。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>hoge</title>
  </head>
  <body>
    <span class="XML" title="Extensible Markup Language">XML</span>では、タグを自分で作ることができます。簡単にいうと<span title="Hypertext Markup Language">HTML</span>
  </body>
    <style type="text/css">
    span.XML {
      border-bottom: dashed 1px #000000;
    }
    </style>
</html>