マークアップ言語 - タイトル

wulin.com HTMLチュートリアル列に戻るには、ここをクリックしてください。

上：第1章リスト

元のソース

すべてのWebページにタイトルが必要であるだけでなく、Webデザインに多くの色を追加し、正しくマークされている場合は使いやすい色を追加できます。

外観の観点から、Webページのタイトルは通常、フォントサイズが大きく、メインテキストとは異なる色またはフォントを使用する場合があります。タイトルの機能は、後続の章で説明したトピックを簡単に説明することです。 W3Cはこのように説明しています - Webページに各段落の概要を表示します。

ページタイトルを作成して、最も効果的な使用を提示したい情報を作成する方法は？この章では、いくつかの一般的に使用されるタイトルを扱う方法を研究し、最も役立つ方法の1つを見つけてみてください。その後、CSSのヒントとコツを使用して最良の方法を飾ります。

この質問に答える前に、タイトルがドキュメントの上部に配置されていると仮定し、同様の効果を達成するための3つの方法を見てみましょう。

<スパンクラス=見出し>超クールなページタイトル</span>

<Span>タグは場合によっては便利なタグですが、ページタイトルについてはあまり意味がありません。この方法を使用する唯一の利点は、テキストがタイトルのように見えるように、見出しクラスのCSSスタイルを指定できることです。

.heading {

フォントサイズ：24px;

font-weight：bold;

色：青;

}

今、見出しでマークされたすべてのヘッダーは、大きく、厚く、青くなります。しかし、誰かがCSSをサポートしていないブラウザを使用してこのページにアクセスした場合はどうなりますか？

たとえば、古いブラウザではサポートされていない外部StyleSheetファイルにCSSスタイルを配置した場合、または画面が無効なユーザーのページを読み取るとどうなりますか？これらのチャンネルを介してこのページにアクセスしたユーザーは、タイトルとテキストの違いを（音なし）表示しません。

Class =のような注釈方式は、タグコンテンツの意味をわずかに説明していますが、<span>は単なる汎用コンテナであり、ほとんどのブラウザはデフォルトの表示スタイルを変更できます。

検索エンジンがこのページをクロールすると、<Span>タグがそこにないかのようにスキップし、含まれる可能性のあるキーワードの重量は増加しません。その後、この章では、検索エンジンとページタイトルの間のより多くの関係について説明します。

最後に、<span>タグはインライン要素であるため、メソッドAの内容を<p>や<div>などの別のブロックレベルのコンテナに配置する必要があるため、単一のラインを占める必要があります。これにより、多くの不要なコードが生成されます。必要なコンテナを追加しても、CSSをサポートしていないブラウザは、元の方法でテキストを表示するため、ユーザーはタイトルとボディの違いを確認できません。

前のページ1 2 3 4 5次のページ全文を読む