見出しと小見出し

小見出しシステムを使用すると、論理的なコンテンツ構造を作成できます。 テキストが意味ブロックに分割されると、読者は集中して新しい情報を学ぶのがはるかに容易になります。 検索エンジンはヘッダーを分析して、ページを促進する要求を理解します。 SEO専門家が主題キーの使用を推奨しているのはこのためです。

HTMLでは、

から

の6つのレベルの小見出しが使用されます。 このシステムには明確な階層があります。

• ... 。 メインタイトル（記事のタイトル、オンラインストア内の商品など）。 テキストには

  が1つしかありません。 原則として、メインキーが含まれています。

• ... 。 第2レベルの副見出しは、テキストを意味ブロックに分割する。 たとえば、ノートブックを評価している場合、さまざまなモデルの名前でいくつかの

  を作成できます。

• ... 。 2つの

  間のテキストも小さなブロックに分割する場合、第3レベルが必要です。 この例では、各モデルの「パフォーマンス」、「メモリ」、「ビデオカード」などの評価基準になります。

• 、

  、

  。 実際には、非常にまれです。 しかし一般的な原則は同じです。ブロック内で最高レベルの小見出しを「入れ子にする」必要があります。

正しい階層を把握してください。 この例に戻って、これは、モデル名を

または

としてすぐに入力できないことを意味します。 また、均質ブロックの意味の異なるレベルのサブヘッディングを使用することもできます（たとえば、評価の最後の部分を占めるラップトップを

を使用して割り当てます）。

ここでは、HTMLのヘッダーの正しい構造を即座に理解して覚えておくのに役立つ計画があります。

リスト

列挙と命令は、テキスト用の特別なHTMLタグを使用してリストとして整形されます（一般的な間違いは

のハイフンまたは数字で始まるいくつかの段落です）。

このようなブロックの構造は非常に簡単です。 まず、

... または番号付き
... というラベルのタイプを定義します。

すべての要素は開始タグと終了タグの間にあります。 リストの各項目は改行で始まり、

1. ... の形式です。 要素の数は制限されません。

   フォントの選択：とその属性

   このHTMLタグを使って何を変更できますか？ テキストのサイズ、そのフォントと色、CSSの新しいクラスを追加しない これは、1つの文またはフラグメントのみを選択する必要がある場合に非常に便利です。

   にはいくつかの属性があります。

   • 顔 。 テキストフォントを変更できます。 いくつかのオプションをコンマで区切って表示することができます（Tahoma、Verdana）。 ユーザーが最初のフォントをインストールしていない場合、システムは単に代替フォントを使用します。
   • サイズ 。 テキストを増減するには、引用符で1〜7の値を指定します。
   • 色 。 デザインに応じて、標準シェード（赤、緑、青）のいずれかを選択するか、または任意のカラーコードを入力して選択することができます。

   副見出しの代わりにで書式設定された段落を使用しないでください。 正しいタグに同じ設定をする方が良いでしょう。

   テキストを選択する方法

   単調なテキストタイヤ、たとえパラグラフによる故障であっても。 注目を集め、読者の関心を引き付けるためには、キーポイントをグラフィカルに強調することが推奨されます。 この作業に対処するのに役立つコマンドがいくつかあります。

   ... 非常に普及したHTMLタグ。 大胆なテキストがすぐに目に当たってしまうので、彼の助けを借りて、重要な論文や事実を強調するのが便利です。

   多くの人がタグとタグを混同します。 視覚的に違いはありませんが、さまざまな方法で動作します。 最初の部分はテキストの外観を変え、2番目の部分は "ポインタ"の機能を実行し、最も重要な部分（SEOの主題のキーワードとフレーズ）を強調表示します。

   ... 。 エレガントで厳密なイタリック体は、科学用語、外国語、さまざまな引用符の設計に理想的です。 深刻な版では、芸術作品のタイトルは斜めのテキストでも区別されます。

   ... たぶん、多くの紛争がHTMLタグを引き起こさなかったのかもしれません。 この割り当て方法は歴史的にハイパーリンクに割り当てられているため、テキストの下線はめったに使用されません。 記事でを使用する場合、これは短い断片にのみ適していることに注意してください（1行以下）。

   ... 。 あなたが テキストの 一部を 無効に する興味深いタグ 。 例えば、古い価格と新しい価格との間のコントラストを強調するために、広告に非常に関連します。

   ... 。 追加パラメータなしでフォントサイズを増やす最も簡単な方法。

   ... 。 以前のタグと同じ原理で動作します。 メインテキストと比較して内部のテキストが縮小されています。

   ^... 。 この形式の正しい名前は、上付き文字です。 基本的に、このタグは数学的な度合いと脚注用に設計されています。 フォントサイズ を縮小 し 、選択したテキストを上にシフトします。

   _... 。 下付き文字は、多くの場合、さまざまな数式で使用されます。 選択されたフラグメントは本文の下にあります。

   セマンティックコンテナ

   いくつかのブロックが多くのテキストで見つかったので、特別なタグが作成されています。 これにより、各タイプのコンテンツに独自のスタイルセットがある場合、テキストの一部を選択して、そのコンテンツに含まれる情報を示すだけで十分です。

   ... コンピュータコードを追加するためのタグ。 例を使ったプログラミングに関する記事には置き換えられません。コマンドは実行されませんが、プレーンテキストとして表示されます。

   ... これは引用の定式化 - 例えばインタビューからの主要な抜粋 - を意図しています。

   ... 。 別のブロックでテキストの一部を取ります。 デフォルトでは、選択範囲の左側に大きな余白がありますが、CSSではテキストのサイズ、スタイル、色を変更することもできます。

   <アドレス> ... 。 追加のタグ。リンクを含む著者に関する情報が含まれています。

   分離線

   ---

   単純なバーを使用して、大きなセクションの論理的な終わりを指定することができます。

   ---

   はペアタグには適用されません。 つまり、形式の終了要素は不要です。

   WIDTH属性を使用すると、適切なサイズをピクセルまたはウィンドウの幅のパーセントで指定することで、セパレータを短くすることができます。

   タグを正しく使用してHTMLのテキストをフォーマットする方法を学ぶことで、記事を読みやすくするだけでなく、SEOの有効性を高めることもできます。