HTML テキストレベルの element_html/css_WEB-ITnose

目次 [1] 重要性の強調 [2] テキストの間隔 [3] テキストの不正確さ [4] ハイライト [5] マイナーコメント [6] 用語の扱い [7] 引用符 [8] 改行 [9] 上部下付き文字 [10] テキストの削除 [11] 特定の時間 [12] ふりがな [13] テキストの方向 [14] コンピューター コードの例のデモンストレーション

前の単語

段落内のテキストおよびその他のコンテンツ グループをマークするために使用される要素の種類 多数あり

テキスト エレメント

重要性の強調

ブラウザでは通常、em と Strong を表示するために斜体と太字を使用しますが、これらの要素を太字と斜体として使用するべきではありません。 。これら 2 つの要素は、それぞれコンテンツの強調と重要性を高めるために使用されます

| 太字と斜体のフォントを表示するために使用されますが、HTML5 では新しいセマンティクスになります

[1]内なる対話など、さまざまな感情や声を表すテキスト

<p>I am <em>very</em> worried!</p><strong>warning</strong>

[2 ] 外来語、分類名、専門用語などを表します。別のテキスト

<p>Simon smirked,"Yes,I'm happy to take the garbage out." <i>Ugh,I <em>really</em> don't want to !</i> he thought as he picked up the garbage bag.</p>

[2] 記事やストーリーの紹介に使用されます

<i lang="fr">Oh la la!</i>    

不正確なテキスト

HTML5 では、価格変更を示すためによく使用される、間違った、古い、非推奨のテキストとして再定義されます。 etc.

<p>After bringing <b>water</b> to a boil, add <b>potatoes</b> and <b>carrots</b></p>

Highlighted

< ;mark> ハイライトまたは引用用にマークされたテキストを表します

<p><b class="lede">Meteorologists predict more sunshine and scorching temperatures for the upcoming week, prompting area farmers to install irrigation systems.</b></p>

二次コメント

<p>价格<s>￥1298</s>￥998！</p><p><s>37度</s> <strong>41度</strong></p>    

用語の処理

用語の定義に使用されます

<p><mark>We're all hoping it rains soon</mark>, some farmers have installed irrigation systems, at <em>considerable</em> expense</p>

用語を定義するために使用できます

<small>图片仅供参考，请以实物为准</small><small>Chris Elhorn | The city Press</small>

Quote

本、ビデオ、オーディオ、絵画などの作品のタイトルへの参照を表します。

<p>The term <dfn>organic food</dfn> refers to food produced without synthetic chemicals</p>

<p>The <dfn><abbr title="Garage Door Operner">GDO</abbr></dfn> id a device allows off-world teams to open the iris.</p>

改行

[注]
タグはテキストです。 -level セマンティック要素。行の高さとフォント サイズを設定できますが、幅と高さの設定は無効です

<p>我最喜欢的电影是<cite>千与千寻</cite></p>

<p>The judge said <q>You can drink water form the fish tank</q> but advised against it.</p>

上付き文字と下付き文字

これら 2 つのタグは、数式、科学記号、化学式で非常に役立ちます

^{上付き文字を表します}

<p>    <b>The City Press</b><br />    123 General Street <br />    Springfield, OH 45501</p>

_{下付き文字}

<i>Irrigation<wbr /> Direct</i>

を表します

テキスト削除

ドキュメントの追加、削除、および変更の記録を示したい場合は、ins タグと del タグを使用する必要があります

に挿入されたドキュメントのコンテンツ

ドキュメントから削除されたコンテンツ

[注] と は任意の要素をネストできます

[1]datetime: 編集の日付とオプションの時間を示すために使用されます

[2]cite: ドキュメントを指定するために使用されます編集手順の URL

<p>    a<sup>2</sup>    +    b<sup>2</sup>    =    c<sup>2</sup></p>

特定の時刻

日付または時刻を表します

<属性>

[1 ]datatime は、YYYY-MM-DDThh:mm の形式に従って正確な時刻を表します:ssTZD、年-月-日の区切り文字 T-時-分-秒-タイムゾーンを示します

[2]pubdate は 要素を表します 日付または時刻はドキュメントのリリース日です

<p>    H<sub>2</sub>    SO<sub>4</sub></p>

注音ロゴ

ルビ タグは、主に CJK テキストに使用される音声ロゴを定義します。CJK は、統一された表意文字 (中国語、日本語、韓国語) を指します

< ;ruby>

　　　　表示ruby标记括号

<ruby> 漢 <rt> ㄏㄢˋ </rt></ruby>

<ruby>    汉    <rp>(</rp>    <rt>h&agrave;n</rt>    <rp>)</rp>    语    <rp>(</rp>    <rt>yǔ</rt>    <rp>)</rp>    </ruby>

文字方向

　　 忽略周围文字方向的文字
　　 覆盖两种方向的设置，允许显式设置方向，并覆盖所有其他当前方向

<p>When rendered by a browser, <bdo dir="rtl">these words</bdo> will appear as 'sdroweseht'</p>

计算机代码

　　　 表示计算机代码
　　　 定义键盘码
　　 定义计算机例子代码
　　　　 定义打字机代码
　　　　 定义变量

<p>    <code>Computer code</code>    <br />    <kbd>Keyboard input</kbd>    <br />    <tt>Teletype text</tt>    <br />    <samp>Sample text</samp>    <br />    <var>Computer variable</var>    <br /></p>

 

例子演示

　　 <演示框>点击下列相应标签名可进行演示