HTML 5 には、最小限のコード記述で HTML Web ページのデザインを簡単にする興味深い機能があります。 Web 要素を設計するための興味深いタグの豊富なセットが提供されます。このようなタグの 1 つは、 として知られており、便利です。タグ。この はタグを使用すると、略語を一度に定義して表示できます。 HTML abbr タグを使用すると、略語または頭字語の完全な形式を定義でき、ブラウザは通常、Web ページ上に文字の短縮形を表示しますが、これらの略語の上にマウスを置くと、ブラウザは完全な形式で表示します。その頭字語は自動的に設定されます。
HTML abbr タグの構文
タグは通常、
と一緒に使用されます。属性。 title タグはドキュメントのタイトルを定義するために使用されるため、<abbr> と一緒に使用するとタイトルになります。タグは属性となり、特別な意味を持ちます。タイトルには、人間が読める形式のタイトルまたは頭字語の完全な形式が含まれます。 タグは、ユーザーにカーソルを合わせると完全なフォームを表示し、説明の定義を簡素化します。この情報は、ブラウザ、検索エンジン、翻訳システムなどの支援システムにとってはるかに役立ちます。以下は abbr タグの構文です。</abbr></p>
<ul>
<li><strong>通常の略語タグ:</strong></li>
</ul>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><abbr> PFA </abbr></pre><div class="contentsignin">ログイン後にコピー</div></div>
<p>これでは、意味のない単純なテキストのみが表示されます。上記の略語、つまり PFA に完全な形式を割り当て、次に <title> を使用するとします。属性が使用されます。</p>
<ul>
<li><strong>abbr タイトルタグ付きタグ:</strong></li>
</ul>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><abbr title = "Please Find Attached" > PFA </abbr></pre><div class="contentsignin">ログイン後にコピー</div></div>
<p>ここでは、表示タイトルを短い形式として定義しましたが、同時に <abbr> を使用してその完全な形式を定義しました。 <title> タグと一緒に使用します。タグ。 タグはペアとして指定されるため、常に終了 が存在します。タグが利用可能です。</p>
<p><strong>属性: </strong>構文で見たように、タイトルタグは <abbr> と一緒に使用されます。タグは属性となり、特別な機能が割り当てられます。それ以外の場合、<abbr> で使用できる特定のタグはありません。タグですが、このタグ <abbr> HTML でデフォルトで使用できるグローバル属性とイベント属性をサポートします。</p>
<h3>HTML abbr タグの実装例</h3>
<p>以下は、HTML abbr タグの実装例です。</p>
<h4>例 #1</h4>
<p>この例では、タイトル タグのない単純な略語が表示されます。</p>
<p><strong>コード:</strong></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title> abbr tag in HTML </title>
<style>
body {
text-align: left ;
}
</style>
</head>
<body>
<abbr > PFA </abbr>
</body>
</html></pre><div class="contentsignin">ログイン後にコピー</div></div>
<p><strong>出力:</strong> は以下のような単純なテキストになります。</p>
<p><img src="https://img.php.cn/upload/article/000/000/000/172543841332785.jpg" alt="HTML abbr タグ" ></p>
<h4>例 #2</h4>
<p>この例では、タイトル タグが付いた abbr が表示されます。</p>
<p><strong>コード:</strong></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title> abbr tag in HTML
<abbr title = "Please Find Attached" > PFA </abbr>
