替代HTML语法

这是一个主观的问题，但是你不认为下面的HTML语法更有意义吗

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

而不是：

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

不太可能。HTML中的属性是通用的，CSS仅构建在它们之上。HTML本身没有“ID”或“类”的概念，只有属性。

不是真的。HTML中的属性是通用的，CSS仅构建在它们之上。HTML本身没有“ID”或“类”的概念，只有属性。

可能是它对只编写HTML和CSS的人更有意义。但是，请记住

• CSS的发明要比HTML晚得多
• HTML基本上是向后兼容的；您仍然可以使用古老的浏览器查看当前网页，无需更改
• 您建议的语法与XML不兼容。因此，您要抛弃所有XHTML人员
• 此外，您是否也希望更改依赖CSS进行样式设置的其他语言，例如SVG（同样，XML，因此不兼容）

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

您可能还想看看其他转换为HTML的语言，例如

如果您只需键入与您所提议的内容类似的内容即可，那么这可能是您的一个选择。引述：

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>

---

也许对于只编写HTML和CSS的人来说，这更有意义。但是，请记住

• CSS的发明要比HTML晚得多
• HTML基本上是向后兼容的；您仍然可以使用古老的浏览器查看当前网页，无需更改
• 您建议的语法与XML不兼容。因此，您要抛弃所有XHTML人员
• 此外，您是否也希望更改依赖CSS进行样式设置的其他语言，例如SVG（同样，XML，因此不兼容）

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

您可能还想看看其他转换为HTML的语言，例如

如果您只需键入与您所提议的内容类似的内容即可，那么这可能是您的一个选择。引述：

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>

---

这可能适用于您提供的示例，但您如何标记以下内容

<a id="my-link" href="http://example.com" rel="external" target="_parent" class="complex" title="click here for no good reason">My Link</a>

---

HTML具有特定的属性名称，因此您可以使用键/值对（布尔属性除外，如

已选中

）。如果去掉键，值会变得不明确，很难看出哪个属性应该采用哪个值。

这可能适用于您提供的示例，但您如何标记以下内容

<a id="my-link" href="http://example.com" rel="external" target="_parent" class="complex" title="click here for no good reason">My Link</a>

HTML具有特定的属性名称，因此您可以使用键/值对（布尔属性除外，如

已选中

）。如果去掉键，值将变得不明确，很难看到哪个属性应采用哪个值。

您可能喜欢使用（与以下任何一种一起使用）：

您可能会喜欢使用（与以下任何一项配合使用）：

---

---

这对XHTML有什么作用？@Chris:正是我的想法。或者使用CSS以外的样式表。或者使用其他使用CSS的语言，例如SVG；-）这并不是一个主观的问题——有一些非常客观的原因说明为什么你不应该这样做this@Yi蒋，关于你为什么要这么做（比如可读性），有一些客观的原因（也许没有那么多）。这使得这个问题很主观。我在我的答案中添加了一些我刚刚发现的东西。也许会有帮助。这对XHTML有什么作用？@Chris:正是我的想法。或者使用CSS以外的样式表。或者使用其他使用CSS的语言，例如SVG；-）这并不是一个主观的问题——有一些非常客观的原因说明为什么你不应该这样做this@Yi蒋，关于你为什么要这么做（比如可读性），有一些客观的原因（也许没有那么多）。这使得这个问题很主观。我在我的答案中添加了一些我刚刚发现的东西。也许会有帮助。所有其他属性都会以经典的方式工作-

attr=“value”

。那就是

——我不明白他想让每个可能的属性都有一个单一字符的快捷方式。菲尔：我想，由于具有广泛样式的现代网页几乎在页面的任何元素上都放置了一个类或id。@Phil.Wheeler、

class

和

id

被大量使用，它们对每个标记都有效，CSS使它们很容易与

和

符号相关联。@Joey这是HTML缺乏表现力的一个标志，HTML5正在解决一些问题，而且通常缺乏CSS选择方面的经验