ESLint

2022-03-05 日本語 html

ESLintというツールを使ってHTMLの構文チェックとオートフォーマットをしているのですが…、時々、これは本気?というような整形をしてくれる部分があって、もやもやとしています。

<img src="/image/image1.png" alt="foobar1" /><img
  src="/image/image2.png"
  alt="foobar2"
/>タイトル
<small
  >長いテキスト。長いテキスト。長いテキスト。
  長いテキスト。長いテキスト。長いテキスト。</small
>

HTMLを木構造だと捉えると、この書き方はないだろう…と思っちゃうのですが。なにか設定(使い方)を間違っているのか、気づかない意味が隠されているのか…。謎が深まっています。

追記:インライン要素間にスペースや改行を挟むと見た目に関わってしまうからという理由でこんなことになっているらしいです。