略語マークと頭字語マーク

略語マークと頭字語マーク
<abbr>タグと<acronym>タグは、Web ページに表示される略語と頭字語を表し、略語の完全な名前は title 属性を通じて指定されます。 2 つの違いは、 <acronym>タグは頭字語を表すために使用され、略語は発音可能な単語であることが多いことです。例えば:

<abbr title="国際連合" >国連。< / / abbr ><br>
ジャックの体重は 90 kgです。</ abbr > <br>
< abbr title="Save Our Soul"> SOS </ abbr ><br>
< acronym title="北​​大西洋条約機構"> NATO </ acronym ><br>
< acronym title="無線検出および測距">レーダー</ acronym ><br>
< abbr title="連邦捜査局"> FBI </ abbr >

結果は次のとおりです。
国連
ジャックの体重は90kgです。
SOS
NATO
レーダー
FBI
URLSQLなどの一部の略語は、単語として発音することも、個別に発音することもできます。この場合、<acronym> よりも<abbr>タグの方が適しています。スタイルシートを使用して、例えば音声の発音を指定できるようになりました。

< abbr title="構造化クエリ言語">SQL</ abbr >

そして

abbr[title="構造化クエリ言語"]{speak:spell-out;}

一緒にお使いください。

[このタグは閲覧には役立ちませんが、テキストを検索可能にしたい場合に使用できます]

<<:  Quickjs は JavaScript サンドボックスの詳細をカプセル化します

>>:  Pythonは出力をcsv操作に書き込む

推薦する

MySQL の単一テーブル クエリ操作例の詳細な説明 [構文、制約、グループ化、集計、フィルタリング、並べ替えなど]

この記事では、MySQL の単一テーブル クエリ操作について説明します。ご参考までに、詳細は以下の通...

MySQL 5.7.18 マスタースレーブレプリケーション設定(マスター 1 台とスレーブ 1 台)チュートリアルの詳細な説明

1. 複製原理マスター サーバーはバイナリ ログ ファイルに更新を書き込み、ログのローテーションを追...

CSS グリッドレイアウトを使用してレスポンシブな縦棒グラフを作成する方法

私はしばらくの間チャートをいじっていましたが、好奇心から、CSS を使用してチャートを作成するより良...

VMWare Linux MySQL 5.7.13 のインストールと設定のチュートリアル

この記事では、参考までにVMWare LinuxにMySQL 5.7.13をインストールするチュート...

ニューススタイルのウェブサイトデザイン例25選

bmi ボイジャーピッチフォークアルスター食料品店チャウ真/斜めポスタこれは偽のDIYですクリエイテ...

JSは検証コードのランダム生成を実装します

この記事の例では、検証コードのランダム生成を実現するためのJSの具体的なコードを参考までに共有してい...

MySQL テーブル フィールドの時間設定のデフォルト値

アプリケーションシナリオデータ テーブルでは、アプリケーションは各データがいつ作成されたかを記録する...

Vue の新しい組み込みコンポーネントの使用方法の詳細な説明

目次1. テレポート1.1 テレポートの紹介1.2 テレポートの使用1.3 プレビュー効果2. サス...

フロントエンドの vue+express ファイルのアップロードとダウンロードの例

新しいserver.jsを作成する糸初期化 -y 糸を追加エクスプレスノードモン -D var ex...

JavaScript を使用してページ要素のオフセットを取得/計算する方法

質問コントロールをクリックすると、コントロールの下にフローティング レイヤーが表示されます。通常の方...

momentJs を使用してカウントダウン コンポーネントを作成する (サンプル コード)

今日はvueとmomentで作ったカウントダウンを紹介したいと思います。具体的な内容は以下のとおりで...

Vueはプログレスバーの変更効果を実現します

この記事ではVueを使ってプログレスバーの変更を簡単に実装してみましたので参考にしてください。具体的...

Alibaba Cloud OSS アクセス権設定(RAM 権限制御)実装

シナリオmyBuket の static/material/ ディレクトリなど、Alibaba Cl...

HTML テーブルの空白セル補完を実装する方法

私が初めて Web 開発を独学で学んだ頃は、いわゆる DIV/CSS レイアウトはなく、テーブル レ...

MySQL の高可用性アーキテクチャの完全な説明: MHA アーキテクチャ

目次1. はじめに2. 構成3. 作業プロセス4. 建築5. 表示例MHA (Master HA) ...