如果您正在寻找一种表示HTML元素允许内容的图形方式,我建议使用一组 的 语法图 强> http://en.wikipedia.org/wiki/Syntax_diagram 是合适的。 (语法图有时被称为 的 铁路图 强> 。)
例如,JSON规范使用了一组语法图,有些人认为这种格式可以理解,这有助于它的接受。看到 用于生成json.org上使用的铁路图的工具 有关以编程方式生成SVG图表的更多详细信息。
为了说明,尝试将以下(不完整的EBNF)粘贴到 http://bottlecaps.de/rr/ui 在“编辑语法”选项卡下,然后单击“查看图表”:
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)) ">"
关于这个工具的一个好处是你可以提供不完整的EBNF,它仍然会图。