2016-05-04 7 views
4

いくつかのスタイルガイドを読んでいましたが、オプションのタグについては相反する勧告 がありました。HTMLスタイルガイドGoogle vs W3Schools(省略可能なタグを省略)

Googleは言う:

(オプション)オプションのタグを省略します。ファイルサイズの最適化とスキャンの目的のためには、省略可能なタグを省略することを検討してください。 HTML5 仕様では、省略可能なタグを定義しています。

(それは、開発者が 一般的に教えられているものをウェブとは大きく違うように、このアプローチは、より広い ガイドラインとして確立する猶予期間を必要とするかもしれない。一貫性とシンプルさの理由から、それは だけではなく、すべてのオプションのタグを省略務めたのが最善です選択

W3CSchoolsは言う):HTML5で

すべて閉じるHTML要素を、あなたは すべての要素を閉じる必要はありません(例えば<p>要素)。

我々は、すべてのHTML要素を閉じてお勧めします。

そして

は、我々は< HTML>と<ボディ>タグを省略することはお勧めしません。

これは、Googleが好む意味:

<!-- Recommended --> 
<!DOCTYPE html> 
<title>Saving money, saving bytes</title> 
<p>Qed. 

W3CSchoolsが好む:

<!DOCTYPE html> 
<html> 
<title>Page Title</title> 

<body> 
    <h1>This is a heading</h1> 
    <p>This is a paragraph.</p> 
</body> 

</html> 

それはまた、Googleはそれをお勧めします、一方、これを書くために "悪い見ている" と考えられています。

<section> 
    <p>This is a paragraph. 
    <p>This is a paragraph. 
</section> 

私はW3CSchoolsはheadタグ

に関する違いがあること、それは非常に興味深い発見は、オプションのタグを使用して停止するには何か良い理由がありますか? 私は個人的にコードを見つけにくいですが、それは純粋に意見に基づいています。

Googleは、サイズの最適化とスキャン可能性のためにそれが本当に良い理由であると述べていますか?

  1. Google Style guid
  2. HTML5 Style Guide
  3. html-include-or-exclude-optional-closing-tags
  4. :記事については、以下にさらに意見をベースと私はここにリソースをオプションタグ

    の使用を停止する理由を探していますいくつかの提案を述べたが、私には思えました
  5. Omitting optional tags of html
+2

あなたはW3Cを参照してくださいしかし、あなたのリンクのどれもがW3Cにありません。 W3Schoolには、W3Cとはまったく無関係なものがあります。 – Rob

+0

あなたは私の間違いです。 – Bongo

+1

はい。これがW3Schoolの意見です。そしてGoogleは彼らの意見を持っています。 – Rob

答えて

3

多くの場合、オプションの終了タグを使用すると、ドキュメントが読みやすくなります。 Googleが言っているように、それらを削除するとファイルサイズは小さくなるが、ほとんどの人はGoogleのトラフィックがない。その提案は、その人のためのものです。次に、ダウンロードサイズを減らすことは、常に良いことです。

も、開始タグは、ほとんどの場合、オプションであるので、私は多くの場合、完全にbodyタグを除外。ただし、タグを残して閉じタグを残すと、後で問題が発生する可能性があります。ボディータグを配置してすべての要素を閉じると、これらの問題が発生する可能性がなくなります。たとえば、特定の状況下では、htmlタグとbodyタグを残しておくことができます。

Reading the spec:

まず最初に 内のHTML要素がコメントでない場合、html要素の開始タグを省略することができます。 HTML要素の終了タグは、html要素の直後にコメントがない場合は、 を省略することができます。いくつかのために

、これは非常に重要です。他人にはそうではありません。

これは、コンテンツがその場で作成され、周囲の要素が知られていない可能性が動的に生成されたサイトのための問題の多くのことができます。次の要素によってdiv要素が閉じられることを本当に知っていますか?

+0

いくつかの異なる意見があるかどうかを確認するために、質問を意図的に数日間開いた。私は動的に生成されたコードで引数を見つけた – Bongo