HTMLインデントとは何ですか？

HTML（HyperText Markup Language）のインデントは、Webページ上の1つ以上の視覚要素をその境界ブロックのマージンから一定の距離だけ移動させるタグまたはカスケードスタイルシート（CSS）プロパティです。 HTMLインデントを使用する効果は、印刷でインデントを使用するのと同じです。 HTMLドキュメントにインデントを挿入する最も広く受け入れられている方法は、CSSを使用して、テキストを含む段落のtext-indentプロパティを変更することです。 リストやブロッククォートなどの一部の書式設定ステートメントは、コンテンツを自動的にインデントして、周囲のテキストと区別します。 CSSを使用してHTMLインデントを挿入すると、段落の最初の行でのみ機能し、ブロック全体では機能しません。これは、異なる書式設定プロパティで実現できます。

HTML標準の動作方法、複数のスペース、およびインデントを作成するためにほとんどのコンピューターで使用されるタブ文字は、コードが解析されて表示される前にファイルから削除されます。 つまり、ワードプロセッサでフォーマットされて表示されるテキストは、HTMLドキュメントに直接貼り付けられた場合、その書式を維持しません。ただし、テキストはwhat-you-see-is-what-you-get（WYSIWYG）HTML編集プログラムに貼り付けられます。 段落の最初の行にインデントを設定する、またはテキストブロック全体をインデントするには、特別なHTMLおよびCSSコードを使用する必要があります。

CSSのブロックレベル要素のtext-indentプロパティは、ブロック内の最初のフォーマットされていないレンダリング済みアイテムをインデントします。 インデントの量は数値で指定する必要があります。 このオプションを使用すると、ユーザーは、行にインデントするピクセル、ポイント、センチメートル、またはその他の形式の測定値をブラウザーに伝える数値を指定できます。 この数値は、ブロックの合計幅の割合にすることもできます。 このCSSオプションはブロックレベルでのみ機能し、最初の行をインデントするだけで、箇条書きリストなどの事前に定義された形式の動作が既にあるアイテムでは機能しません。

ぶら下がっているHTMLインデントは標準インデントの反対で、ブロックの最初の行を後方に引っ張るので、テキストが左から右に読むように整列されると、段落の残りの行の左側にレンダリングされます。 インデントの量の数値が負であることを除いて、ぶら下がりHTMLインデントにも同じtext-indentプロパティが使用されます。 この方法は、ブロックのマージンと境界の値がぶら下げインデントを含むのに十分な大きさである場合にのみ機能します。

ブロックまたは段落全体を移動するHTMLインデントを定義することができます。 これは、ブロックレベルでいくつかのCSSプロパティを使用して実行できます。これには、マージンの変更や、コンテナブロックをページのより奥に配置することも含まれます。 また、事前にフォーマットされたテキストを表すblockquoteやpreなどの基本的なHTMLタグで実現できます。 基本タグを使用してHTMLインデントを作成する場合の欠点は、テキストの移動量を制御したり、明示的に設定したりできないことです。