这是一个主观问题，但您不认为下面的 HTML 语法更有意义吗？
<div #id .class1 .class2><!-- content --></div>
代替：
<div id="id" class="class1 class2"><!-- content --></div>
【问题讨论】：
对于只编写 HTML 和 CSS 的人来说，这可能更有意义。但是，请记住
我同意，对于一个非常狭隘的目的，这可能是一个有益的改变，但从更广泛的角度来看，我怀疑你会看到很多改进，只有痛苦。您当然可以使用预处理器以这种方式编写 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>
【讨论】：
不是真的。 HTML 中的属性是通用的，CSS 仅建立在它们之上。 HTML 本身没有“id”或“类”的概念，只有属性。
【讨论】：
您可能会喜欢使用HAML（与these implementations 中的任何一个）：
%body
#header
%h1 BoBlog
%h2 Bob's Blog
【讨论】：
这可能适用于您提供的示例，但您将如何注释以下内容？
<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 具有特定的属性名称，因此您可以使用键/值对（布尔属性可能除外，例如 checked）。如果你拿走键，值就会变得模棱两可，很难看出哪个属性应该采用哪个值。
【讨论】：
attr="value"。
<a #my-link href='http://example.com' rel='external' target='_parent' .complex title='click here for no good reason'>My Link</a>——我不明白他的想法，他想要一个单字符快捷方式来处理所有可能的属性。
class 和 id 被广泛使用，它们适用于每个标签，CSS 使它们很容易与 # 和 . 符号相关联。跨度>