行内テキスト
1. <a> </a>
ハイパーリンクのラベルを設定し、他のページ、同じページの場所、ファイル、電子メールアドレス、電話番号などの他のURLに接続できます(display:inline;).
現在のドキュメントから外部ドキュメントにエクスポートするときに使用するタグ.
属性の未値🛎 hrefリンクURL🛎 ターゲットリンクURLの表示位置self(デフォルト)、blankdownloadは要素がリソースをダウンロードするための属性relを表します現在のドキュメントとリンクURL関係license,prev,nexttypeリンクURL MIMEタイプtext/html
href
プロパティは、他のドキュメントに公開するURLを設定します.この属性を省略すると、aタグはtext(ハイパーリンクとして機能を失う)になります.したがって、必須プロパティとして使用する必要があります.aタグのコンテンツ領域にテキストだけでなく、他の要素(
<img />, <p>, <div>
、、、および)も含まれている場合は、含まれている要素をクリックしてhrefプロパティで作成されたリンクにリンクをマークできます.<🐛 hrefアドレスシンボル>
タイプ記号Web URL href=「URLアドレス」相対パスhref=「./相対パス」等のページ内移動href=「#id値」メール書き込みhref=「mailto:メールアドレス」ダイヤルhref=「tel:電話番号」
target
プロパティは、タグが別のページにジャンプしたときに、現在のページに表示(self)するか、新しいタブに表示(blank)するかを設定するプロパティです.selfは現在のページに他のページを表示するように設定され、blank値は新しいタブに他のページを表示するように設定されます.デフォルトはselfです.
download
でボリュームを設定してファイルをダウンロードできます.宣言されていない属性値を使用します.<a download href="URL">Download</a>
rel
プロパティを使用すると、現在のページとaラベルとして表示するページの関係を指定できます.値licenseは、終了するページがlicenseに相当することを示します.prev値は前のページ、次のページは次のページとして指定されます.WAI-AIRA API
WAI-ARIAは、Webアクセス性を向上させるAPIです.スクリーンリーダーを使用するユーザーのテキストを作成します.このプロパティ値は
aria-label
です.<a href="https://,,," aria-label="Go to Previous page">Previous</a>
上記の例では、aria-label
プロパティ(Previousプロパティではなく)に入力されたテキスト、すなわちGo to Previous pageを読み出して、より正確に情報を伝達し、Webアクセスを向上させる.aria-hidden
プロパティは、スクリーンリーダーが要素を読み込まないように設定するプロパティです.値を使用してtrueを作成すると、スクリーンリーダーはこの情報をユーザーに渡さない.これは、aria-hidden="true"
を作成して、不要な情報などのWebアクセスを向上させることができることを意味します.aria-label
およびaria-hidden
の属性は、aタグのみで作成される属性ではなく、グローバル属性である.2. <abbr> </abbr>
略語のタグ(display:inline;)を指定します.
属性の未値titleの略語説明
title
グローバル属性を使用して、略語の説明を作成できます.実際のWebページの要素にマウスカーソルを置くと、titleに説明が表示されます.3. <b> </b>
異なるフォント範囲を設定するためのタグ(display:inline;)
既定では、テキストは太字で表示されます.
これらのタグは、特に意味のない場所で作成され、ストリームの読み取りを支援するために使用されます.他のラベル(
<mark>, <em>, <strong>
)が適用されない場合は、最後の方法を使用します.4. <mark> </mark>
ユーザーの注意を引くために使用されます.デフォルトでは、テキストの背景色は黄色(display:inline;)で表示されます.
意味に比べて、視覚部分に特化したマークです.
5. <em> </em>
単純な意味強調表示(display:inline;)を表示します.
b、markラベルの使用範囲はテキストの意味を強調するよりも簡単で、興味を示し、emラベルはユーザーにテキストの範囲が持つ意味を強調するために使用される.情報通信補助装置では、音声を口頭で強調表示する.
オーバーラップ可能でオーバーラップの度合いが高いほど、ハイライト効果が強くなります.このとき視覚的な変化はなかった.
// 중첩된 강조
<em><em>강조</em></em>
既定では、斜体フォントで表示されます.6. <strong> </strong>
意味の重要性を表すタグ(display:inline;).
既定では、テキストは太字で表示されます.
<em>
と<strong>
を選択し、どこでも強調表示できます.7. <i> </i>
em、strong、mark、cite、dfnなどの表現に不適切な意味がある場合に使用されるタグ(display:inline;)
通常の文字、区切り文字、アイコン、または特殊な記号を表すために使用します.
共通点は、bタグなどの適切な意味でない場合、bタグを使用して通常のテキストを処理すること、iタグ処理が非常に一般的でない(画像(アイコン)、特殊な記号など)ことである.
デフォルトでは、タグは斜体フォントで表示されます.
8. <dfn> </dfn>
用語を定義するタグ(display:inline;).
テキストコンテンツに表示されるdl、dt、ddタグは、用語と説明をリストする概念であり、用語が多い場合に使用される.dfnタグは、文全体で特定の用語を定義するために使用されます.
<p>
<dfn title="설명">The Internet<dfn> is golbal system,,,
</p>
9. <cite> </cite>
クリエイティブへの参照を設定し、クリエイティブのタイトルを設定します(display:inline;)
既定では、斜体フォントで表示されます.
<p>
<cite>The Scream<cite> by Edward Munch. Painted in 1893.
</p>
10. <q> </q>
(短い)引用文を設定するためのタグ(display:inline;).
文の一部またはテキストの一部に参照を挿入する場合に使用します.
デフォルトでは、作成したコンテンツに二重引用符を挿入して画面に表示します.
属性の未値参照情報のURL
blockquoteラベルと同じiteプロパティを使用して、参照情報のURLを作成できます.
11. <u> </u>
下線付きテキストのタグを設定します(display:inline;).
下線はCSSに設定できます.従って、下線は、通常、uタグを用いて使用するのに適していない.CSSが動作しない場合は、このタグを使用します.
span {
text-decoration: underline;
}
or
<span style="text-decoration: underline"> </span>
上記の2つの場合が使用可能である場合、uラベルの使用は推奨されません.12. <code> </code>
コンピュータコード範囲のタグ(display:inline;)を設定します.
コードの一部が特定の文に挿入されている場合、コードラベルとして作成されます.
多くの場合、
<pre>
にマークされたサブエレメントです.<pre>
<code>console.log(Hello, World!);</code>
</pre>
デフォルトでは、Monospaceフォントシリーズとして表示されます.13. <kbd> </kbd>
ユーザが入力したテキスト範囲を示すテキスト入力装置(キーボード)のタグ(display:inline;)
<p>
<kbd>Ctrl</kbd>+<kbd>Alt</kbd>
</p>
14. <sup> </sup>
上付きタグ(display:inline;)を設定します.
15. <sub> </sub>
下付きタグ(display:inline;)を設定します.
X<sup>4</sup>+Y<sup>2</sup>, H<sub>2</sub>O
上記の例は、X 4+Y 2およびH 2 Oとして示されている.16. <time> </time>
日付と時刻を表示します(display:inline;).
属性の無効な日付時間有効日付文字日付
datetime
プロパティを使用して、正確な日付文字を表すことができます.値の形式は「YYYY-MM-DD」です.
17. <span> </span>
コンテンツ領域を設定するためのタグ(display:inline;).
テキスト処理時にCSSとJavaScriptを無意味に適用するために使用します.
spanタグは、テキストを処理するためのdivタグではなく、行内要素を使用するタグです.
divタグはブロック要素であるため、1行に1つの要素(水平スタック要素)しか表示されず、spanは行内要素であるため、テキストの中間部分(水平スタック要素)に適用できます.
18. <br />
改行のタグを設定します.空のタグとして使用します(display:inline;).
brタグを使用する改行は、間隔と余白を設定するのに使用しないでください.マージン、ピッチはCSSのmarginとpadding属性で設定します.
すなわち、brタグは改行にのみ使用できます.
19. <del> </del>
削除(変更)されたテキスト範囲のタグ(display:inline;)を指定します.
デフォルトでは、テキストが中央に配置され、画面に行が表示されます(text-chentication:line-through).
属性が変更された未値参照リソースのURI日付時間が変更された有効日付を記述します.
20. <ins> </ins>
新しく追加(変更)したテキスト範囲(display:inline;)を設定します.
デフォルトでは、テキストの下線が画面に表示されます(text-chentication:下線).
属性が変更された未値参照リソースのURI日付時間が変更された有効日付を記述します.
Reference
この問題について(行内テキスト), 我々は、より多くの情報をここで見つけました https://velog.io/@kim98111/인라인-텍스트テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol