HTML5仕様は、要素の使用は要素のセマンティクスから完全には必要であることを明確に述べています。ただし、これらの要素の一部は非常に明確ですが、一部はより曖昧です。要素の使用に関しては、CSSにそれを処理することが最善ですが、これは絶対に留まる必要がある場合があります。
ハイパーリンクを生成しますA要素は、ハイパーリンクを生成するために使用されます。
1）HREF：A要素で言及されているリソースのURLを指定します。
2）hreflang：リンクするリソースで使用される言語を説明します。
3）メディア：リンクされたリソースに使用されるデバイスと、スタイル要素のメディア属性を説明します。
4）REL：ドキュメントとリンクリソースの関係、およびリンク要素のREL属性を説明します。
5）ターゲット：リンクリンクを開くためのブラウジング環境を指定します。
6）タイプ：MIMEタイプ（テキスト/HTMLなど）を説明します。
外側へのスーパーリンクを生成します<body>私は<a href = http：//en.widipedia.org/wiki/apples> apples </a>および<a href = http：//en.wikipeida.org/wiki/orange_（from）>オレンジ</a>
URLで最も使用されるプロトコルはHTTPですが、ブラウザは：HTTPやFTPなどの他のプロトコルもサポートしています。メールアドレスを引用したい場合は、mailto：[email protected]などのMailToプロトコルを使用できます。
比較的URLを使用します<body> ...... <a href = furtlist.html> fere </body>から他を見ることができます
デフォルトでは、ブラウザはターゲットリソースが現在のドキュメントと同じ位置にあると想定しますが、ベース要素を介して基本的なURLを提供することで変更できます。
内部ハイパーリンクを生成しますこの方法は、統一されたドキュメントの別の要素を視野に使用するために使用されます。
<body> ......あなたは果物から見ることができます私は<a href =＃fruits>ここに<pid =>私もバナナ、マンゴー、チェリー、アプリコット、プラムが好きです、桃とブドウ
ユーザーがリンクをクリックすると、ドキュメントはIDがフルーツ要素と見なされる場所に転がします。
閲覧環境を設定しますターゲット属性は、リンクするリソースを表示するブラウザの希望を伝えるために使用されます。デフォルトでは、ブラウザは現在のドキュメントのウィンドウ、タブ、またはウィンドウフレームを使用するため、新しいドキュメントは現在表示されているドキュメントを置き換えますが、他の値を設定できます。
1）_blank：新しいウィンドウまたはタブでドキュメントを開きます。
2）_Parent：フレームセットでドキュメントを開きます。
3）_Self：現在のウィンドウでドキュメントを開きます（デフォルト）。
4）_TOP：上部ウィンドウでドキュメントを開きます。
5）<frame>：指定されたウィンドウフレームでドキュメントを開きます。
例を介してフレームを理解しましょう。 testframe.htmlドキュメントのコードが次のとおりです。
<html> <フレームセット色= 50％、50％> <フレームsrc = test.html /> <frame name = frame1 /> < /frameset> < /html>
ここでは、2つのフレームがあり、それぞれが幅の半分を指しています。 test.htmlの内容は次のとおりです。
<！doctype html> <html lang = en> <gead> <utf-8/> <title>あなたのページタイトル</ittit > </> head> <body> <私は<b>リンゴ</b>と<b>オレンジ</b>が好きです
B要素のデフォルトスタイルは厚いです。
EM要素EM要素は、読者に文または段落の意味のコンテキストを提供するために使用できる段落に重点を置いています。
<body> <em> i </em>
EM要素の習慣は斜めです。この例は、文の冒頭で私を強調しています。
私は要素ですI要素は、テキストの段落が周囲のコンテンツと本質的に異なることを示しています。これは、外国語、技術用語、さらには誰かの考えでさえも使用されることがよくあります。
<body> <em> i </em> <b>リンゴ</b>と<b>オレンジ</b> > </body>
I要素の習慣は斜めであり、EM要素と同じです。
S要素S要素は、段落がもはや正確ではないことを示すために使用されます。
<body> <em> i </em> <b>リンゴ</b>と<b>オレンジ</b> >。強い要素
強い要素は重要なテキストを表します。
<body>私はリンゴとオレンジが好きです。
強い要素のスタイルは、B要素と同じです。
u要素U要素は、周囲のコンテンツから強調表示されているテキストの段落を作成しますが、強調したり、その重要性が増加したりしたことを意味しません。効果は、テキストに行を追加することです。
<body>私はリンゴとオレンジが好きです。
U要素の習慣はA要素に似ているため、混乱を防ぐために、U要素は可能な限り避ける必要があります。
小さな要素HTML5は、小さなラベル指定されたルールを使用します。通常、免除された声明、予防措置、法的制限、著作権情報などが含まれます。署名を表現したり、ライセンス要件を満たすために使用できる場合があります。
<body> <p> <small>を受け取るようになりました（いくつかの制限が適用される場合があります。</small> </p> ...スーパーストア
注：Smallは、用語の使用やプライバシーポリシーページなど、その法的声明を使用しないのにのみ適しています。
サブおよびSUP要素サブおよびSUP要素は、それぞれサブスクリプションと補助金を示すために使用されます。
<body>ポイントx <sub> 10 </sub>は10 </sup> </body>です
変化
コンテンツを制御するために使用できる2つの要素があります：BRおよびWBR要素。
BR要素BR要素は、BR要素を使用して、コンテンツの一部で使用してください。
<body>私は雲のように孤独をさまよいました<br/>それは高い0'erの谷と丘に浮かぶ、<br/>群衆の上に一度に、<br>ゴールデン水仙のホスト</body」WBR要素
HTML5は、現在のブラウザウィンドウを超えるコンテンツが、ブラウザによって変更されていないかどうかを示しています。
<body>これは非常に長い言葉です：super <wbr> califragilistic <wbr> expialidocious
WBR要素を使用しない場合、ブラウザは長い単語全体を扱い、WBR要素を使用し、ブラウザは提案で変更することを選択できます。 WBR要素の使用は、ブラウザに最も適した単語を最も適切な場所に伝えることです。
入力と出力を表します1）コード：コンピューターコードフラグメントを示します
2）var：プログラミングのコンテキストでは、変数を意味し、読者が想像上の指定された場所を挿入することも示すことができます。
3）SAMP：プログラムまたはコンピューターシステムの出力を表します
4）KBD：ユーザーの入力を示します
<body> <p> <code> var fruits = [リンゲ、マンゴー、チェリー];このexmpleの変数は<var>フルーツ</var> var> </p> <p>コードからの出力は次のとおりです。お気に入りの果物、私はタイプしました：<kbd> cherries </kbd> </body>タイトル参照、引用、定義、略語を使用しますAbbr Element
略語を表現すると、そのタイトル属性は、略語を表す完全な単語を表します。
<body>私はリンゴとオレンジが好きです</p> </body>
この要素はスタイルに慣れていないため、そのコンテンツは特別に見えません。
Q要素彼の内容を表します。 Q要素の引用属性を使用して、ソース記事のURLを指定できます。
<body> <p> <q cite = http：//en.wikipedia.org/wiki/apple> <dfn </p> </body>
Q要素の習慣は、引用の前後に引用符を生成することです。
引用要素引用された作品のタイトルを表します。
<body>フルーツに関する私のお気に入りの本は<cite>フルーツ：食用、食べられない、信じられないほどの</cite> stuppy＆kesseler </body>
その習慣は斜めです。
言語要素Ruby、RT、およびRP要素Ruby要素は、RT要素とRT要素を使用する必要がある音声記号を含むテキストを表します
<Body> <Ruby> <rp>（</rp> <rt> chi </rt> <rp>）</rp> </ruby> <rp>（</rp> <rt> mei </rt > <RP>）</rp> </ruby> </body>
音声シンボルを表示するブラウザの場合、RP要素とそのコンテンツは無視され、RT要素のコンテンツは音声シンボルとして表示されます。このドキュメントは、音声記号をサポートしていないブラウザに表示され、RPおよびRT要素の内容が表示されます。
BDO要素漢字の方向を設定するために使用されます。 bdo要素はdir属性を追加する必要があり、サポート値は次のとおりです。1）rtl（右から左）。
<body> <p>これは左から右です：<bdo dir = ltr>私はオレンジが好きです</bdo> </p> <p> </body>その他のテキスト要素スパン要素
意味そのものはなく、通常、いくつかのグローバル属性を段落に適用するために使用されます。
<body> <スパンクラス=フルーツ>リンゴ</span>および<span class = orange </body>マーク要素
HTML5が追加されます。これは、特定のコンテキストのために目立つように表示される段落を示すために使用されます。
<body> <p> <mark>のペア</マーク> </mark> </p> </body>Ins Elementとdel Element
INS要素とDEL要素を使用して、ドキュメントに追加および削除されたテキストを表すことができます。
<body> <p> <del> </mark> <mark> </mark> </del> <ins> </mark> </mark> sea </mark> </ins> </p> </body>時間要素
日時を表します。 Boolean属性のPubdateが存在する場合、Time要素はHTMLドキュメント全体のリリース日または要素の記事要素のほとんどを表します。 DateTime属性は、RFC3339で指定された形式で指定された日付と時刻を指定します。 DateTimeを使用すると、日付または時刻を要素の形で設定して読み取りを促進すると同時に、コンピューターが曖昧さなく指定された日付または時刻を分析できるようにします。
<Body>私は今まで味わった最高のリンゴを覚えています<Time DateTime = 00> 3時</時> >
時間要素には、現時点では、有効なマシンを使用する必要がある読み取り可能な形式の日付が含まれていません。テキストコンテンツの。
上記は、この記事のすべての内容です。