２行にしたい要素、改行か分割すべきか

質問

質問が漠然としているかもしれません。

例えば、見出しや定義リストの一部（ＴＤ要素）で複数言語での表記を併記したい場合など、文書構造的に単一の要素だが行を分けたい場合

・改行タグをはさんで２行の単一要素にする
・複数の同じ要素に分割しCSSで見た目を操作する

のどちらが望ましいと考えますか。

回答No.3

ORUKA1951

＞文書構造的に単一の要素だが行を分けたい場合
　根本的な部分で矛盾があります。文書構造と、プレゼンテーションは車の両輪のようなもので、行を分けて表示したいと言うことは、必然的に
文書構造も異なるはずです。
^^^^^^^^^^^^^^^^^^^^^^^　
　とすると
「改行タグをはさんで２行の単一要素にする」
　は、ひとつの段落中での強制改行ですから、マークアップが間違っています。
「複数の同じ要素に分割しCSSで見た目を操作する」
　は、『異なる要素に分割し、見た目はCSSで操作する』

　よってマークアップ自体
<div class="hgroup">
　<h1>マニュアル</h1>
　<h1 lang="en">MANUAL</h1>
</div>
<div class="section">
　<h2>155G</h2>
　<h2 lang="en">155G</h2>
　<p>これは、キャンプストーブ155Gのマニュアルです</p>
　<p lang="en">This is manual about 155G.</p>
</div>
<dl>
　<dt>概要</dt>
　<dt lang="en">Abstract</dt>
・・・・・
　となるはずです。
　スタイルシートは、
div.section>p{text-indent:1em;line-height:2em;margin:0;}
div.section>p[lang="en"]{text-indent:0;}
div.section>p[lang="en"]:first-leter{font-size: 200%;float: left }
とか・・・

　他の部分と異なる表現をしたいと言うことは、必ずその要素は他の部分と異なる構成要素であるはずだと言うことがHTML/CSSの基本です。要素名(タグ)だけで足りない場合は、その属性(class,lang,id,title・・)で区別して文書構造をマークアップしてください。それが出来れば、スタイルシートのセレクタなどカスケーディングを活用することで表現は自在に操れます。
　上の場合、本文(section)中の直接の子供(>)である段落(p){}しろ【詳細度は[0,0,1,2]】、ただし属性[lang="en"]の場合は{}しろ【詳細度[0,0,2,2]】、さらに擬似要素:first-leterの場合は{}しろ【詳細度[0,0,2,3]】

補足

回答有難うございます。
ですが、
「行を分けて表示したいと言うことは、必然的に
文書構造も異なるはずです。」
この部分に納得できません。

回答内容から、解答者の方は
「見出しを執筆者が明示的に行を変える事自体間違っている」
と認識していると判断しましたがよろしいでしょうか。

※　HTMLの理念うんぬんはこのカテゴリ内の他の質問解答で何度となく拝見しましたので
　この質問スレッドにおいて再掲の必要はありません。