Web 品質 - 重要な HTML 要素

Web 品質を向上させるために、<DOCTYPE>、<title>、<h1> はすべて重要なタグです。

<!DOCTYPE> 要素

すべての HTML および XHTML ページは、どの HTML バージョンに従うかを定義するために <Doctype> 要素を使用する必要があります。

doctype は、使用している HTML のバージョンを定義し、ブラウザがページをより迅速かつ一貫してレンダリングできるように重要な情報をブラウザに提供します。

ドキュメントタイプ宣言により、検証ソフトウェアでページの構文をチェックすることもできます:

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C/ /DTD HTML 4.01 移行版//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 フレームセット//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict、Transitional、Frameset

<!DOCTYPE html PUBLIC "-//W3C //DTD /DTD DTD XHTML 1.0 フレームセット//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

//W3C//DTD XHTML 1.1 //EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<title> 要素

<title> 要素は、最も重要な HTML 要素の 1 つです。その主な機能は、Web ページのコンテンツを説明することです。

タイトルが Web ページの目に見えない部分であっても、次の場所に表示されるため、Web サイトの品質を向上させることが依然として重要です:

検索エンジンのリスト
タイトルバーウィンドウの
ユーザーのブックマーク

のタイトルは、できるだけ短く、説明的なものにする必要があります。

ユーザーがインターネット上で Web サイトを検索すると、ほとんどの検索エンジンは検索結果に Web サイトのタイトルを表示します。タイトルがページの内容と一致していることを確認してください。このようにして、ユーザーはこれらのリンクをクリックして Web サイトにアクセスする可能性が高くなります。

ユーザーが Web サイトにアクセスすると、ウィンドウのタイトルバーにタイトルが表示されます。ウィンドウが最小化されている場合でも、タイトルがサイトのコンテンツを説明していることを確認してください。

ユーザーがあなたの Web サイトにアクセスすると、ページのタイトルが履歴フォルダーに保存されます (ユーザーはページをお気に入りに保存することもできます)。次回以降の訪問を成功させるために、タイトルがサイトを明確に説明していることも確認してください。

優れたタイトル:

<title>HTML チュートリアル</title> ;/title>

W3Cschool には、よく整理された、使いやすい、 HTML、CSS、JavaScript、DHTML、XML、XHTML、WAP、ASP、SQL チュートリアルを理解し、非常に複数の例とソースコードが含まれています。

<h1> 要素

<h1> 要素は、Web ページのトップレベルのタイトルを記述するために使用されます。

一部のブラウザではデフォルトで <h1> 要素が大きなフォントとして表示されるため、一部の Web 開発者は <h1> 要素の代わりに <h2> 要素を使用してトップタイトルを表示します。そうすることは読者には影響しませんが、ページの「構造を理解」しようとする検索エンジンやその他のソフトウェアを混乱させることになります。

最上位の見出しには <h1> を使用し、下位レベルには <h2> を使用してください。

このテンプレートに基づいて Web ページを構成してみてください:

これがメインの見出しです

最初のテキストです

これはレベル 2 の見出しです

これはテキストです。これはテキストです。これはレベル 3 の見出しです

これはテキストです。これはテキストです。

デフォルトの見出しのフォントサイズが気に入らない場合は、スタイルまたはスタイルシートを使用して変更します。

← ウェブ品質基準

Web品質スタイルシート →

提出する