Tools, FAQ, Tutorials:
HTML Element Content Models
What Are the HTML Element Content Models?
✍: FYIcenter.com
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>
Â
⇒Introduction of HTML Element Content Syntax
⇒⇒HTML Tutorials
2017-07-30, 1172👍, 0💬
Popular Posts:
How to view API details on the Publisher Dashboard of an Azure API Management Service? You can follo...
How to use "xsl-transform" Azure API Policy Statement? The "xsl-transform" Policy Statement allows y...
How to attach console to a Running Container using the "docker container exec" command? I want to ge...
How to dump (or encode, serialize) a Python object into a JSON string using json.dumps()? The json.d...
How to run PowerShell Commands in Dockerfile to change Windows Docker images? When building a new Wi...