<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5f6e7806-7a2c-47fb-867b-54742c37b10e/透明画像10001000.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5f6e7806-7a2c-47fb-867b-54742c37b10e/透明画像10001000.png" width="40px" /> ファストス

</aside>

Index

インデントとは？

インデントとは、プログラミングにおいて、コードを字下げするという意味です。

HTMLのコードの可読性を高めるためにインデントを行います。CSSや、JavaScriptなどのプログラミング言語でも同様にインデントを行います。

HTMLのインデントがどれほど可読性に影響するか見てみましょう。

インデントしていないコード

<div>
<h1>私のポートフォリオ</h1>
<ul>
<li>ABOUT</li>
<li>PORTFOLIO</li>
<li>CONTACT</li>
</ul>
</div>

インデントしているコード

<div>
  <h1>私のポートフォリオ</h1>
  <ul>
    <li>ABOUT</li>
    <li>PORTFOLIO</li>
    <li>CONTACT</li>
  </ul>
</div>

HTMLタグどうしで親子関係にあるタグのインデントを行うことで、

1. タグどうしの親子関係が一目でわかる
2. 開始タグと閉じタグの関係が一目でわかる

という可読性に繋がります。