<h1>,</h1> <h2>,</h2> <h3> ...标签,内嵌段落(<p>)</p> </h3>

时间:2010-02-04 14:12:55

标签: html css seo

我正在尝试在段落中添加<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;
}

那么我该怎样做才能让标签与文本内联?现在我得到像

这样的东西
  

Lorem ipsum dolor sit amet,   奉献精神。 Aliquam   pulvinar tincidunt neque,在blandit   leo mattis vitae。 CRAS

     

placerat justo vel risus porta cursus。   Nullam eget sem nibh。塞德

     

mattis facilisis rhoncus。莫比坐着   amet nisl lectus。

谢谢

PS:顺便说一下,我正在为drupal使用蓝图框架主题。

6 个答案:

答案 0 :(得分:27)

你误导了header tags

您应该将<span>标记用于CSS类。

tried it out,发生的事情是当Firefox在<h1>内看到无效的<p>标记时,会自动关闭<p>标记。你可以在Firebug中清楚地看到这一点。

答案 1 :(得分:11)

只需在段落的开头放置一个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>是para,我们希望自动打破用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}

答案 2 :(得分:7)

<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>

答案 3 :(得分:2)

“H”标签用于标题,标题,以显示主题中的突破点。 “p”标签用于控制文本的长度,每个单独的段落将获得“p”。 “span”标签应该只在“p”标签内部,它们用于在段落中显示重点,但它们在css样式方面受到限制。不幸的是,你必须遵循这些标签的html结构,否则你会在每个浏览器上都有不同的东西。

答案 4 :(得分:1)

SLaks是对的。你不应该在段落中使用标题。但是,如果你确实需要它(如果它是由其他人写的)。您可以通过将p设置为内联来解决问题。这将有效。

答案 5 :(得分:1)

一旦html解析器到达hx标签,p标签就会自动中断。如果你真的想这样做,你必须在hx标签之前关闭p标签。然后设置p和hx以显示内联!