HTML5コーディング標(biāo)準(zhǔn)
正しいドキュメント タイプを使用してください
ドキュメント タイプの宣言は HTML ドキュメントの最初の行にあります:
<!DOCTYPE html>
他のタグと同様に小文字を使用したい場合は、次のコードを使用できます。
<!doctype html>
要素名には小文字を使用してください
HTML5 の要素名には大文字と小文字を使用できます。
小文字の使用を推奨します:
大文字と小文字の混合スタイルは非常に悪いです。
開発者は通常、小文字を使用します (XHTML と同様)。
小文字のスタイルはより爽やかに見えます。
小文字は書きやすいです。
<section>
<p>これは段落です。 </p>
</section>
すべての HTML 要素を閉じる
HTML5 では、必ずしもすべての要素 (<p> 要素など) を閉じる必要はありませんが、閉じることをお?jiǎng)幛幛筏蓼?。すべての要素に終了タグを追加します。
<section>
<p>これは段落です。 </p>
<p>これは段落です。 </p>
</section>
空の HTML 要素を閉じる
HTML5 では、空の HTML 要素を閉じる必要はありません:
次のように記述できます:
<meta charset = "utf-8">
は次のように記述することもできます:
<meta charset="utf-8" />
XHTML および XML ではスラッシュ (/) が必要です。
XML ソフトウェアがページを使用することが予想される場合は、このスタイルを使用するのが最適です。
小文字の屬性名を使用する
HTML5 の屬性名では、大文字と小文字を使用できます。
屬性名には小文字を使用することをお?jiǎng)幛幛筏蓼?
大文字と小文字を同時(shí)に使用するのは非常に悪い習(xí)慣です。
開発者は通常、小文字を使用します (XHTML と同様)。
小文字のスタイルはより爽やかに見えます。
小文字は書きやすいです。
<div class="menu">
屬性値
HTML5の屬性値は引用符なしで使用できます。
屬性値には引用符を使用することをお?jiǎng)幛幛筏蓼?
屬性値にスペースが含まれる場合は、引用符を使用する必要があります。
スタイルを混合することはお?jiǎng)幛幛扦蓼护?。スタイルを統(tǒng)一することをお?jiǎng)幛幛筏蓼埂?
屬性値は引用符を使用すると読みやすくなります。
<table class="table Striped">
畫像の屬性
畫像は通常、alt屬性を使用します。 畫像が表示できない場合、畫像表示を代替することができます。
<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">
畫像のサイズを定義し、読み込み時(shí)に指定されたスペースを確保してちらつきを軽減します。
<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">
スペースと等號
等號の前後にスペースを使用できますサイン。
<link rel = "stylesheet" href = "styles.css">
ただし、スペースは少なくすることをお?jiǎng)幛幛筏蓼?
<link rel="stylesheet" href="styles.css">
長すぎるコード行は避けてください
HTML エディターを使用する場合、コードを左右にスクロールするのは不便です。
コードの各行は 80 文字未満に抑えるようにしてください。
空白行とインデント
理由もなく空白行を追加しないでください。
読みやすくするために、各論理関數(shù)ブロックに空白行を追加します。
インデントには 2 つのスペースを使用します。TAB は推奨されません。
短いコードの間に不必要な空白行やインデントを使用しないでください。
<body>
<h1>php 中國語ウェブサイト</h1>
<h2></h2>
<p>php 中國語ウェブサイト、技術(shù)だけでなく夢も學(xué)べます。
php 中國語のウェブサイト、あなたが學(xué)ぶのは技術(shù)だけではなく、夢でもあります。
php 中國語のウェブサイト、あなたが學(xué)ぶのは技術(shù)だけではなく、夢でもあります。
php 中國語のウェブサイト、あなたが學(xué)ぶのは技術(shù)だけではなく、夢でもあります。 </p>
</body>
フォーム例:
<table>
<tr>
<th>名前</th>
>A</td> ;
<td>Aの説明</td>
</tr>
<tr> ;
<td>B</td>
<td>B の説明</td>
</ tr>
</ol>
省略<html> と <body>
次の HTML5 ドキュメントは正しいです:
<!DOCTYPE html>
<head> <title>ページタイトル</title>
</head>
<h1>これはタイトルです</h1>
<p>これは段落です。 </p>
<html> タグと <body> タグを省略することはお?jiǎng)幛幛扦蓼护蟆?
<head>?
標(biāo)準(zhǔn)の HTML5 では、<head> タグを省略できます。
デフォルトでは、ブラウザはデフォルトの <head> 要素の前にコンテンツを追加します。
head タグの省略はまだ推奨されていません。
メタデータ
HTML5
<title>php 中國のウェブサイト</title>
タイトルと言語を指定すると、検索エンジンがページのトピックをすぐに理解できるようになります:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" >
<!-- これはコメントです-->
<!--
これは長いコメントです。 これは長いレビューです。これは長いレビューです。 これは長いレビューです これは長いレビューです。 これは長いレビューです。
長いコメントの最初の文字はスペース2つでインデントされ、読みやすくなります。
スタイルシート
スタイルシートは簡潔な構(gòu)文形式を使用します(type屬性は必要ありません):
<link rel="stylesheet" href="styles.css">
短いルール1 行で記述することができます:
p.into {font-family: Verdana; font-size: 16em;}
長いルールは複數(shù)行で記述することができます:
body {
background-color: lightgrey;
font -family: " Arial Black"、Helvetica、sans-serif;
font-size: 16em;
color: black;
}
左中括弧をセレクターと同じ行に配置します。
左中括弧とセレクターの間にスペースを追加します。
インデントにはスペースを 2 つ使用します。
コロンと屬性値の間にスペースを追加します。
カンマや記號の後にはスペースを使用してください。
各屬性と値の末尾に記號を使用します。
屬性値にスペースが含まれる場合にのみ引用符を使用します。
右中括弧を新しい行に置きます。
1 行あたり最大 80 文字。
一般的なルールは、カンマとセミコロンの後にスペースを追加することです。
HTMLでJavaScriptをロードします
外部スクリプトファイルをロードするには簡潔な構(gòu)文を使用します(type屬性は必要ありません):
<script src="myscript.js"> ;
JavaScript を使用して HTML 要素にアクセスする
HTML の形式が不適切であると、JavaScript 実行エラーが発生する可能性があります。
次の 2 つの JavaScript ステートメントは、異なる結(jié)果を出力します:
例
var obj = getElementById("Demo")
var obj = getElementById("demo")
試してみる ?
で JavaScript を使用してみるHTML 同じ命名規(guī)則。
ファイル名は小文字を使用してください
ほとんどの Web サーバー (Apache、Unix) では大文字と小文字が區(qū)別されます。London.jpg を介して london.jpg にアクセスすることはできません。
他の Web サーバー (Microsoft、IIS) は大文字と小文字を區(qū)別しません。london.jpg には、London.jpg または london.jpg 経由でアクセスできます。
一貫したスタイルを維持する必要があり、小文字のファイル名を一律に使用することをお?jiǎng)幛幛筏蓼埂?
ファイル拡張子
HTMLファイルの拡張子は.html (またはr .htm)です。
CSS ファイルの拡張子は .css です。
JavaScript ファイルの拡張子は .js です。
.htm と .html の違い
.htm と .html の拡張子ファイルには本質(zhì)的に違いはありません。ブラウザーと Web サーバーは両方とも、これらを HTML ファイルとして扱います。
の違いは次のとおりです:
.htm は初期の DOS システムで使用されており、現(xiàn)在システムには 3 文字しかありません。
Unix システムのサフィックスには特別な制限はなく、一般に .html が使用されます。
技術(shù)的な違い
URL でファイル名が指定されていない場合 (http://ipnx.cn/css/ など)、サーバーはデフォルトのファイル名を返します。通常、デフォルトのファイル名は、index.html、index.htm、default.html、default.htm です。
サーバーがデフォルトのファイルとして「index.html」のみを使用して構(gòu)成されている場合は、ファイルに「index.htm」ではなく「index.html」という名前を付ける必要があります。
ただし、通常、サーバーは複數(shù)のデフォルトファイルを設(shè)定できますが、必要に応じてデフォルトファイルを設(shè)定できますか。
とにかく、HTMLの完全な接尾辭は「.html」です。