Latest web development tutorials

ウェブ品質 - 重要なHTML要素

ウェブの品質、<DOCTYPE>、<タイトル>と<H1>タグを高めるために重要です。


<!DOCTYPE>要素

すべてのHTMLとXHTMLページは、<文書型>要素を使用してHTMLのバージョンに応じて定義されるべきです。

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

文書型宣言だけでなく、ソフトウェアはページの構文をチェックできることを確認します:

HTML 5

<!DOCTYPE html>

HTML 4.01厳密な、移行、フレームセット

<!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 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

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

XHTML 1.0厳格な、移行、フレームセット

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


<タイトル>要素

<タイトル>要素は、最も重要なHTML要素の一つです。 その主な機能は、ページの内容を記述することです。

タイトルはページの可視部分でない場合でも、それが次の場所に表示されているため、サイトの品質は、依然として重要であるためのものです:

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

タイトルはできるだけ短くして、説明を持つ必要があります。

ユーザーがインターネットサイト上で検索すると、ほとんどの検索エンジンが検索結果にウェブサイトのタイトルが表示されます。 タイトルやページの内容に一貫性があることを確認します。 この場合、ユーザーはこれらのリンクをクリックすることで、あなたのサイトへのアクセスを持っている可能性が高いです。

ユーザがウィンドウのタイトルバーにサイトのタイトルを訪れたときに、それが表示されます。 ウィンドウが最小化されている場合でも、タイトルはまた、ウェブサイトの記載内容に役割を果たすことができることを確認してください。

ユーザーがサイトを訪問した後、ページタイトルは、(ユーザーがあっても彼のお気に入りのページのコレクションを置くことができる)、履歴フォルダに保存されます。 その後の成功の訪問のためにもタイトルが明らかにあなたのサイトを説明していることを確認します。

優秀なタイトル:

<タイトル> HTMLチュートリアル</タイトル>

<タイトル> XML入門</タイトル>

ギャップのタイトルの例::

<タイトル>はじめに</タイトル>

<タイトル>第1章</タイトル>

W3Cschoolは、よく組織のセットがあり、HTML、CSS、JavaScriptやDHTML、XML、XHTML、WAP、ASP、SQLチュートリアルを理解しやすく、そして多くの例とソースコードが含まれています。


<H1>要素

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

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

<H1>一番上のタイトル、<H2>と<H3>のためのより低いレベルであることを確認してください。

このテンプレートによると、あなたのページを構築しようとすることができます:

これは、メインの見出しです

いくつかの初期のテキスト

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

これは、いくつかのテキストです。これは、いくつかのテキストです。これは、いくつかのテキストです。

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

これは、いくつかのテキストです。これは、いくつかのテキストです。これは、いくつかのテキストです。

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

これは、いくつかのテキストです。これは、いくつかのテキストです。これは、いくつかのテキストです。

デフォルトのタイトルのフォントサイズ、スタイルを好きではないか、変更するスタイルシートを使用することができます。