HTML減量：HTMLタグ付けを簡素化してWebページを作成する

著者：Eve Cole 更新時間：2025-05-13 09:00:04

ウェブサイトの速度を改善する明白な方法は、HTMLファイルのサイズを縮小することです。ハード圧縮、鍼治療のようなID、クラス名の変更など、いくつかの方法があります。 HTMLタグをより合理化するために要約した方法のいくつかを以下に示します。

HTML 4

html（non xhtml）、mimeタイプはテキスト/htmlであり、いくつかのタグを省略します。 HTML 4 DTDを使用すると、次のタグを省略できます（いわゆる回避可能な要素は、ここではストリケスルーでマークされています）

 </area>

 </base>

 <body>

 </body>

 </br>

 </col>

 </colgroup>

 </dd>

 </dt>

 <head>

 </head>

 </hr>

 <html>

 </html>

 </img>

 </input>

 </li>

 </link>

 </meta>

 </option>

 </p>

 </param>

 <tbody>

 </tbody>

 </td>

 </tfoot>

 </th>

 </thead>

 </tr>

たとえば、コードはです

<li>list item</li>

と書くことができます

<li>list item

たとえば、段落は必要です

</p>

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

<p>my paragraph

HTML、ヘッド、ボディを削除することもできます（これをコーディング仕様として取る前に、これが快適になることを確認してください）。

タグが省略された後、HTMLはまだ有効であり、ファイルサイズが縮小されます。一般的なページの場合、5〜20％を節約できます。

 HTML 5
開発中のHTML 5は、ファイルサイズを削減する方法をいくつか提供します。
たとえば、ページドキュメントタイプ宣言
<!doctype html>
対比
<!doctype html public -//w3c//dtd xhtml 1.0 strict//enhttp://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=text/css
またはtype=text/javascript
使用できます
<script>
代替<script type=text/javascript>
使用<style>
代替<style type=text/css>
すべてのタイプのページ（xhtmlでも）で省略できます
type=text/css
 HTML 5はこれをすべて簡単にします。
上記のすべての方法を同時に使用すると、エンコードスタイルとページ内のテキストコンテンツの量に応じて、ファイルの10％〜20％（またはさらに多く）を節約できます。コードはよりクリーンになり、訪問者はウェブサイトのコンテンツをより速く取得します。プライバシーセンタープロジェクトでは、このテクノロジーの多くを使用して、元のファイルサイズの20％を節約しています。