HTML減量 HTMLタグを合理化してWebページを作成する

HTML4 について

HTML (XHTML ではありません)、MIME タイプは text/html、一部のタグは省略できます。 HTML 4 DTD では、次のタグを省略できます (いわゆる省略可能な要素には取り消し線が付けられています)。

 </エリア>

 </ベース>

 <body>

 </body>

 </br>

 </col>

 </colgroup>

 </dd>

 </dt>

 <head>

 </head>

 </hr>

 <html>

 </html>

 </img>

 </入力>

 </li>

 </リンク>

 </メタ>

 </option>

 </p>

 </パラメータ>

 <tbody>

 </tbody>

 </td>

 </tfoot>

 </th>

 </thead>

 </tr>

たとえば、コードが

<li>List item</li>

次のように書くことができる。

 <li>List item

例えば、段落は

</p>

最後に、こう書くこともできます

<p>My paragraph

html、head、body を削除することもできます (これをコーディング標準にする前に、これに慣れていることを確認してください)。

タグを省略すると、HTML は有効なまま、ファイルサイズが縮小されます。一般的なページの場合、これにより 5 ～ 20% の節約が可能です。

HTML5 について

HTML 5 の継続的な開発により、ファイルサイズを削減するいくつかの方法が提供されています。

例えば、ページ文書型宣言

<!DOCTYPE html>

対比

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

明らかに HTML 5 の DTD は短くなります。

ページのエンコーディングを指定する場合、HTML 5 の方が使いやすく、短くなります。

 <meta charset="utf-8">

交換する

<meta http-equiv="content-type" content="text/html; charset=utf-8">

通常、ブラウザは HTML を正しく処理します。

さらに、今日のHTML 5では、MIMEタイプを宣言するtype属性を削除できます。

 type="text/css"

またはtype="text/javascript"
使用できます
<script>
代替<script type="text/javascript">
使用<style>
代替<style type="text/css">
すべての種類のページ（XHTMLも含む）では省略できます
type="text/css"
 HTML 5 を使用すると、これが簡単になります。
上記のテクニックをすべて組み合わせて使用すると、コーディング スタイルとページ内のテキストの量に応じて、ファイル サイズを 10% ～ 20% (またはそれ以上) 削減できます。コードがよりクリーンになり、訪問者がサイトのコンテンツに早くアクセスできるようになります。プライバシー センター プロジェクトではこれらのテクニックを多く使用し、元のファイル サイズを 20% 削減しました。