HTML输出不是我所期望的

Question

I am having some trouble with php. here is my html that I want:

<p><h1>name</h1>surname</p>

where name and surname is variables in php

what i get is:

<p></p> <h1>name</h1> "surname" <p></p>

here is my php code:

echo "<p> <h1>{$rowsList['Name']}</h1> {$rowsList['Surname']} </p>";

Answer 1

Semantics

The basic semantics:

• <h1> tag is used for Headings.
• <p> tag is used for Paragraphs.

You cannot contain a Heading inside a Paragraph.

It is not semantically valid and it doesn't make sense. Instead you need to consider removing the surrounding <p> tags.

From other sources:

StackOverflow

It is impossible to put a heading element inside a p element in HTML markup, not just formally but because browsers implicitly terminate an open p element when they encounter a heading. So the question is meaningless: an element that cannot exist in a certain context cannot have any meaning (semantics) within that context.

Instead of using p to group text and headings together, you can use the div element or, with the usual caveats, HTML5 novelties like section and article.

W3C

According to standards a Paragraph should not contain other block elements (including paragraphs and headers). As indicated in other answers, to group a header with a paragraph you can use the div tag.

You can find a lot of information about this subject also on w3c's website: http://www.w3.org/TR/html401/struct/global.html#block-inline

Solution

Change the PHP Code to:

echo "<h1>{$rowsList['Name']}</h1> <p>{$rowsList['Surname']} </p>";

References:

• Should a heading be inside or outside a <p>?