HTML Element Content Models
Q
What Are the HTML Element Content Models?
✍: FYIcenter.com
A
There are 4 content models defined for HTML elements:
1. EMPTY - No content. Nothing between the opening tag and the closing tag. For example:
<br/> - "br" element has no content. <br></br> - Same as above. <meta name="Author" content="FYICenter.com"/>
2. PCDATA - Parsed Character DATA. A string of characters and character entities. Empty content is allowed in this model. But no other HTML elements are allowed in the content.
<!-- PCDATA: Pure character string -->
<title>My First HTML Document</title>
<!-- PCDATA: Empty string -->
<textarea rows="4" cols="40"></textarea>
<!-- PCDATA: Characters mixed with entities -->
<textarea rows="4" cols="40">
while ($i=0; $i<3; %i++) print "Knock ";
</textarea>
3. Sub-elements only - A sequence of sub-elements. No character strings are allowed in the content.
<!-- Sub-elements only: "head" can only take sub-elements like "title" and "meta" --> <head> <title>My First HTML Document</title> <meta name="Author" content="FYICenter.com"/> </head> <!-- Sub-elements only: "tr" can only take sub-elements like "td" --> <tr> <td>Author:</td> <td>FYIcenter.com</td> </tr> <!-- Sub-elements only: "ul" can only take sub-elements like "li" --> <ul> <li>My First XHTML Document</li> </ul>
4. Mixed - A mixture of PCDATA and sub-elements. Empty content is also allowed in this model.
<!-- Mixed content: "p" is having text strings mixed an "em" element --> <p>The nature of <em>yin and yang</em> is relative.</p> <!-- Mixed content: "td" is having text strings mixed with a "p" element --> <td>Dear Visitor, <p>Welcome to FYIcenter.com!</p> Thank you. </td>
⇒ HTML Elements with EMPTY Contents
2017-07-30, ∼2255🔥, 0💬
Related Topics:
