web-dev-qa-db-ja.com

<h1>、<h2>、<h3> ...タグ、段落内のインライン（<p>）

<hx>段落内のタグ：

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pulvinar tincidunt neque, at blandit leo mattis vitae. Cras <h2>placerat</h2> justo vel risus porta cursus. Nullam eget sem nibh. Sed <h3>mattis</h3> facilisis rhoncus. Morbi sit amet nisl lectus.</p>

しかし、私は常にそれらのそれぞれの前に改行を取得し、これらすべて、および次の宣言の組み合わせを適用します。

h1, h2, h3, h4, h5, h6 {
display:inline !important;
text-transform:none;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
clear:none;
color:inherit;
margin:0;
padding:0;
}

では、タグがテキストにインラインで気付かれないようにするにはどうすればよいですか？今私は次のようなものを得ます

ロレム・イプサム・ドーラーは座り心地がよく、僧侶は外交的エリートです。 Aliquam pulvinar tincidunt neque、blandit leo mattis vitae。クラス

placerat justo vel risus porta cursus。 Nullam eget sem nibh。セッド

mattis facilisis rhoncus。 Morbiはamet nisl lectusに座ります。

ありがとうございました

PS：ところで、私はdrupalのブループリントフレームワークテーマを使用しています。

htmlcssseo
20
Alextronic

ヘッダータグ を誤用しています。

CSSクラスでは<span>タグを使用する必要があります。

私は 試してみました で、Firefoxが<h1>内に無効な<p>タグを見つけると、<p>タグを自動的に閉じます。 Firebugでこれをはっきりと見ることができます。

28
SLaks

段落の先頭にh2タグを配置するだけです。たとえば<p>The p tags are automatically breaking as soon as the html parser reaches the hx tags. if you really want to do this you must close the p tag before the hx tag. then set p and hx to display inline!</p>はパラであり、h1タグで囲まれた自動的な分割が必要です。

<p><h2></h2>The p tags are <h1>automatically breaking</h1> as soon as the html parser reaches the hx tags. if you really want to do this you must close the p tag before the hx tag. then set p and hx to display inline!</p>

しかし、pタグが自動的に壊れるため、pタグに指定したスタイルを実現できません。

注：h1タグは次のようにスタイル設定する必要があります

h1{ display:inline; !important}
11
user2091539

<p>タグにはインライン要素のみを含めることができます。ヘッダータグはブロックレベルの要素であり、インラインで表示するようにスタイルを設定した場合でも、<p>タグ内に入れることはできません。

とにかく、この使用法を考えると、それらは意味的に正しくありません-段落の中にランダムにヘッダーが浮かんでいるべきではありません。 <em>タグと<strong>タグの適切な使用を検討してください。または、それらが実際に説明しようとしているものと異なる場合は、特定のクラスで<span>タグを使用してください。

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
pulvinartincidunt neque, at blandit leo mattis vitae.
Cras <em>placerat</em> justo vel risus porta cursus. Nullam eget
sem nibh. Sed <strong>mattis</strong> facilisis rhoncus. Morbi sit
amet nisl lectus.</p>
7
meagar

「H」タグは見出し、タイトル、トピックの区切り点を示すためのものです。 「p」タグはテキストの長さを一緒に制御するためのものであり、各個別の段落は「p」を取得します。 「span」タグは「p」タグの内側のみに配置する必要があります。これらは段落内で強調を示すために使用されますが、CSSスタイルに関しては制限されます。残念ながら、これらのタグのhtml構造に従う必要があります。そうしないと、すべてのブラウザーで何か異なるものになります。

2
Nox

HTMLパーサーがhxタグに到達するとすぐに、pタグは自動的に壊れます。本当にこれを実行したい場合は、hxタグの前にpタグを閉じる必要があります。次に、pとhxをインラインで表示するように設定します。

1
AlexMorley-Finch

SLaksは正しいです。段落では見出しを使用しないでください。ただし、本当に必要な場合（他の誰かが書いた場合）。 pもインラインに設定することで問題を解決できます。うまくいきます。

1
NawaMan