PROSAGA码农传奇-模型可视化-HTML5内容模型可视化

<div class =“post-text”itemprop =“text”>
  
    如果您正在寻找一种表示HTML元素允许内容的图形方式，我建议使用一组
    的
      语法图
    </强>
    <a href="http://en.wikipedia.org/wiki/Syntax_diagram" rel="nofollow noreferrer">
      http://en.wikipedia.org/wiki/Syntax_diagram
    </A>
     是合适的。 （语法图有时被称为
    的
      铁路图
    </强>
    。）
  
  
    例如，JSON规范使用了一组语法图，有些人认为这种格式可以理解，这有助于它的接受。看到
    <a href="https://stackoverflow.com/questions/796824/tool-for-generating-railroad-diagram-used-on-json-org">
      用于生成json.org上使用的铁路图的工具
    </A>
     有关以编程方式生成SVG图表的更多详细信息。
  
  
    为了说明，尝试将以下（不完整的EBNF）粘贴到
    <a href="http://bottlecaps.de/rr/ui" rel="nofollow noreferrer">
      http://bottlecaps.de/rr/ui
    </A>
     在“编辑语法”选项卡下，然后单击“查看图表”：
  
   <pre>
 <code>
 head-element ::= "<head" global-attribute* ">" metadata-content* "</head>"

metadata-content ::= title-element | base-element |  link-element | meta-element | style-element

title-element ::= "<title>" text-content "</title>"
base-element ::= "<base" (href-attribute | target-attribute | (href-attribute target-attribute)) ">"

</code>
 </pre>
  
    关于这个工具的一个好处是你可以提供不完整的EBNF，它仍然会图。
  
</DIV>