- 外部CSS/Js化
- コメントの挿入
- コメントアウト
- タグのインデント
- タグの大文字・小文字
- 無意味なタグの削除
タグのインデント
インデントとは
インデントとは様々なアプリケーションにおいて、文字を入力する際に行頭の文字下げを指定するものです。文章を改行すると初期設定では左側が各行において揃いますが、インデントを指定することで文字をずらし、見やすさを調整することが出来ます。
HTMLにおけるタグのインデント
HTMLの記述内容は、すべて文字で表されているので、行を重ねるごとに改行を伴います。タグ打ちと呼ばれ、タグを手入力で行う場合は特にインデントを組むことは稀です。
しかし、多くの制作ソフトによって生成されるHTMLのタグはデフォルトの状態ではインデントが指定されていることがあります。例えば、制作ソフトの代表「IBM ホームページビルダー」の場合、初期設定でのインデントによる文字下げは「2文字」とされています。
従って、特に設定を変えることなく、このソフトで制作した場合、階層が深くなるタグ(テーブルなど)ほどインデントが組まれます。
インデントの有無
しかし、HTMLタグの記述の場合、インデントによって文字を下げる必要はありません。大きな要因として、インデントによる文字下げは文字下げの部分がスペースで置換されることにあります。つまり、HTMLの構造が複雑化するほど、タグの行数が増え、結果的にインデントによるスペースの数が相対的に増えるのです。
スペースと言えども、容量があり、その分だけHTMLのファイル容量が増える結果となるので、インデントの利用価値を必要としない限りは特にインデントを組む必要はないと思われます。
当サイトでは、HTMLタグの記述においてインデントを組まない方針を進めており、ホームページ作成に関する初心者向けの情報の中のホームページビルダーの初期設定でインデントを「0」にするよう、解説をしています。
タグのインデント例
インデントあり
<TBODY>
<TR>
<TD align="center">
<TABLE cellpadding="0" cellspacing="0" width="748">
<TBODY>
<TR>
<TD colspan="2"></TD>
</TR>
<TR>
<TD align="center" colspan="2"></TD>
</TR>
<TR>
<TD colspan="2"></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
インデントなし
<TBODY>
<TR>
<TD align="center">
<TABLE cellpadding="0" cellspacing="0" width="748">
<TBODY>
<TR>
<TD colspan="2"></TD>
</TR>
<TR>
<TD align="center" colspan="2"></TD>
</TR>
<TR>
<TD colspan="2"></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
☆ココがポイント!
HTMLタグの記述の際、インデントによる文字下げは、文字下げの分だけスペースを消費し、HTMLファイルの容量を増やしてしまうので、特にインデントする必要はありません。
こんな時どうする?
ホームページビルダーでインデントを無効にする方法を教えて
インデントを「0」に設定
