替代HTML语法

Question

这是一个主观问题,但您不认为以下HTML语法更有意义吗？

<div #id .class1 .class2><!-- content --></div>

代替:

<div id="id" class="class1 class2"><!-- content --></div>

Answer 1

可能只对那些只编写HTML和CSS的人更有意义.但是,请记住

• CSS的发明要晚于HTML
• HTML在很大程度上是向后兼容的; 您仍然可以使用古老的浏览器查看当前网页,而无需更改
• 您提出的语法与XML不兼容.因此,您将抛弃所有XHTML人员
• 此外,您是否也希望更改依赖CSS进行样式化的其他语言,例如SVG(再次,XML,因此不兼容)？

我同意,为了一个非常狭窄的目的,这可能是一个有益的改变,但从更广泛的角度来看,我怀疑你会看到很多改善,只有痛苦.您当然可以使用预处理器以这种方式编写HTML并将其转换为实际的东西.

您可能还想查看转换为HTML的其他语言,例如Haml.

如果您只想输入类似于您提议的内容,那么Zen-Coding可能是您的选择.引用:

Zen Coding是一个用于高速HTML,XML,XSL(或任何其他结构化代码格式)编码和编辑的编辑器插件.这个插件的核心是一个强大的缩写引擎,它允许您将类似于CSS选择器的表达式扩展为HTML代码.例如:

div#page>div.logo+ul#navigation>li*5>a

......可以扩展为:

<div id="page">
    <div class="logo"></div>
    <ul id="navigation">
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
    </ul>
</div>