BinaryDevelop
  1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTMLウェイトレス ウェブページのHTMLマークアップを効率化する

2022-02-04 08:17:22

HTML 4

MIMEタイプがtext/htmlであるHTML（非XHTML）は、一部のタグを省略することができます。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、head、bodyを削除することも可能です（コーディングの仕様にする前に、これが自分にとって快適であることを確認してください）。

タグを省略すると、HTMLがそのまま残り、ファイルサイズを小さくすることができます。平均的なページであれば、5～20％の削減が可能です。

HTML 5

進化するHTML5では、ファイルサイズを小さくするための様々な工夫がなされています。

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

<!DOCTYPE html>

コントラスト 

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

HTML5ではDTDが短くなったらしい。

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

<meta charset="utf-8">

代用品 

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

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

また、現在のHTML5では、MIMEタイプを宣言するtype属性を削除することで、次のようにすることができます。 

type="text/css"
または 
type="text/javascript"

を使用することができます。 

<script>
代替 
<script type="text/javascript">
使用方法 
<style>
代替 
<style type="text/css">

すべてのタイプのページ (XHTHML も) では 

type="text/css"

HTML 5は、これらすべてを容易にします。

上記をすべて併用することで、コーディングスタイルやページ内のテキストコンテンツの量にもよりますが、10～20％（またはそれ以上）のファイルサイズを削減することができます。コードがきれいになり、訪問者はより早くサイトのコンテンツに到達することができます。私たちは、プライバシーセンターのプロジェクトでこれらのテクニックの多くを使用し、元のファイルサイズの20％を節約しました。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します