html元素嵌套

by basecss

HTML

<ul>
<li>
 <a name="head">HEAD</a>
<ul>
<li>
  TITLE <i>(required)</i>
</li><li>
  SCRIPT, STYLE
<ul>
<li>
   CDATA
</li></ul>
</li><li>
  BASE, META, LINK <i>(empty)</i>
</li><li><a href="#object">OBJECT</a> <i>(see content model below)</i>
</li></ul>
</li><li>
<a name="body">BODY</a>
<ul>
<li> INS, DEL <i>(<a href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-del">special rules</a> apply)</i>
<ul>
<li><strong><a name="flow">flow</a></strong>
     <ul>
       <li> block
       </li><li> inline
     </li></ul>
</li></ul></li><li>
   SCRIPT
<ul>
<li>
   CDATA
</li></ul>
</li><li>
  <strong>block</strong>
<ul>
<li>
  P, H1, H2, H3, H4, H5, H6
<ul>
<li> <strong>inline</strong>
<ul>
<li>
   #PCDATA
</li><li>
   TT, I, B, BIG, SMALL,
   EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, ACRONYM,
   SUB, SUP, Q, SPAN, BDO
<ul>
<li>
    inline
</li></ul>
</li><li>
   A
<ul>
<li>
    inline <i>excluding an enclosed A element</i>
</li></ul>
</li><li><a name="object">OBJECT</a>
<ul>
<li>PARAM <i>(empty)</i>
</li><li>flow
</li></ul>  
</li><li>
   IMG, BR <i>(empty)</i>
</li><li>
   SCRIPT
<ul>
<li>
   CDATA
</li></ul>
</li><li>
   MAP
<ul>
<li>
    AREA <i>(empty)</i>
</li><li> block
</li></ul>
</li><li>
   INPUT <i>(empty)</i>
</li><li>
   SELECT
<ul>
<li>OPTGROUP
     <ul>
<li>
    OPTION
</li></ul>
</li><li>
    OPTION
</li></ul>
</li><li>
   TEXTAREA
</li><li>LABEL
     <ul><li>LABEL <i>excluding enclosed LABEL</i></li></ul>
</li><li>BUTTON
     <ul><li>flow <i>excluding A, INPUT,  SELECT,  TEXTAREA, LABEL, BUTTON,
   FORM, FIELDSET</i></li></ul>
</li></ul></li></ul>
</li><li>
   UL, OL
<ul>
<li>
    LI
<ul>
<li>
flow
</li></ul>

</li></ul>
</li><li>
   DL
<ul>
<li>
    DT
<ul>
<li>
     inline
</li></ul>
</li><li>
    DD
<ul>
<li>
flow
</li></ul>
</li></ul>
</li><li>
   PRE
<ul>
<li>
    inline <i>excluding
IMG, OBJECT, BIG, SMALL, SUB, SUP</i>
</li></ul>
</li><li>
   DIV
<ul>
<li>
    flow
</li></ul>
</li><li>
  BLOCKQUOTE
<ul>
  <li> block
  </li><li>...