最新のWeb開発のチュートリアル
 

ウェブ品質


最新のWeb標準を使用すると、あなたのウェブサイトの品質が向上します。


HTML 5を使って

最新のHTML5標準にページを書く、あなたは完璧にできるだけ近います。

すべてのHTMLページには、それが準拠するHTMLバージョンを定義するには、<!DOCTYPE>要素を含める必要があります。

DOCTYPEは、それが一貫してより速く、よりあなたのページをレンダリングすることができるように、ブラウザに重要な情報を提供します。

DOCTYPE宣言はまた、あなたのページの構文をチェックするためのソフトウェアを検証することができます:

<!DOCTYPE html>

個別のCSSファイルを使用

カスケーディングスタイルシート(CSS)を使用すると、品質のWebページで、スタイルからコンテンツを分離する好ましい方法です。

CSSを使用すると、Webサイトの品質を向上させ、多くの異なるブラウザのための読みやすさを向上させます。

スタイル(サイズ、フォント、色、およびそれ以上)個別のCSSファイルで、Webページの外に設定する必要があります。Using a separate CSS file will also greatly reduce your web site development costs. 個別のCSSファイルを使用すると、大幅にあなたのウェブサイトの開発コストを削減します。

個別のCSSファイルを使用すると、1行のコードを書き換えることにより、HTML要素のスタイルを変更することができます。If you have used CSS inside your pages, you will have to edit all these pages. あなたのページの内部CSSを使用している場合は、すべてのこれらのページを編集する必要があります。


ウェブ検証

バリデータはWeb標準に対するあなたのWeb​​ページを確認することができますソフトウェアプログラムです。

HTMLとCSS文書をチェックするためにバリデータを使用する場合は、バリデータは選択した規格に基づいて、検出されたエラーのリストを返します。

あなたがそれ出版する前に、すべてのWebページを検証することを習慣にしていることを確認してください。


タイトルエレメント

<title>要素は、最も重要なHTML要素の一つです。Its main function is to describe the content of a web page. その主な機能は、Webページの内容を記述することです。

タイトルはあなたのWeb​​ページの可視部分でない場合でも、それはあなたのウェブサイトの品質にとって重要である理由は次のとおりです。

  • これは、検索エンジンのリストに表示されます
  • これは、ブラウザのタイトルバーに表示されています
  • これは、ユーザのブックマークに表示されます

タイトルはできるだけ短くし、記述的であるべきです。

タイトルは、ユーザーが探している内容と一致していることを確認します。Then it is more likely the user will click on the link to visit your web site. そして、ユーザーがあなたのウェブサイトを訪問するためにリンクをクリックします可能性が高くなります。

グッドタイトル例:

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

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

悪いタイトルの例:

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

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

<タイトル> w3iiは、作業の例とソースコードの多くとよく組織賞受賞の収集、およびHTMLを理解しやすい、CSSやJavaScript、XML、およびSQLのチュートリアルがあります。</title> </タイトル>


要素を見出し

<H1>要素は、ウェブページの主要見出しを記述するために使用されます。

一部のWebブラウザは、デフォルトでは、非常に大きなフォントで、<H1>要素を表示するので、いくつかのWeb開発者は、メインの見出しの<H1>要素の代わりに<H2>要素を使用します。This will confuse most search engines and other software that will try to "understand" the structure of the web page. これは、ほとんどの検索エンジンとウェブページの構造を「理解」しようとする他のソフトウェアを混乱させます。

下位レベルの見出しのための主要な見出しの<H1>、および<H2>と<H3>を使用。

このテンプレートの後にあなたの見出しを構造化してみてください:

主な見出し

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

レベル2の見出し

これは、いくつかのテキストです。This is some text. これは、いくつかのテキストです。これは、いくつかのテキストです。

レベル3の見出し

これは、いくつかのテキストです。This is some text. これは、いくつかのテキストです。これは、いくつかのテキストです。

あなたは、ヘッダーのデフォルトサイズが気に入らない場合は、それを変更するためにCSSを使用しています。


キャラクタセット

(1996年)すべてのW3C標準は、Unicode(ISO 10646)と呼ばれる内部文字セットを定義します。

すべてのモダンなWebブラウザが内部的にこの文字セットを使用しています。Most documents transmitted over the Internet do not use the Unicode character set. インターネットを介して送信ほとんどの文書はUnicode文字セットを使用しないでください。

このため、ブラウザとサーバは、それらの間の通信に使用される文字セットについて同意する手段を持っている必要があります。

適切な文字セットを使用して各文書にラベルを付ける、あなたのウェブサイトの品質のために重要です。

あなたのHTMLページの場合は、必ず<head>要素の内側に次のmeta要素を使用します。

<meta charset="x">

あなたは、ISO-8859-1、UTF-8、またはUTF-16のように、使用したい文字セットでxを交換。


日付形式

「04-03-02」のような日​​付を使用しないでください。

上記の日付は、それはまた月、2002年の第4回あるいは4月、2002年であっても第三を意味するかもしれない月、2004年の第2回を意味するかもしれません。

国際標準化機構(ISO)は、YYYYは年、MMは月、ddは日です "YYYY-MM-DD」、などの日付の国際的なフォーマットを定義しています。

あなたはこのISO形式を使用するときは、ほとんどの訪問者があなたの日付を理解することを期待することができます。