是否有一个关于如何创建漂亮的HTML并与javascript一起使用的指南？

这似乎是一个奇怪的问题，但我发现javascript要么简单要么困难，这取决于您对HTML的编码方式。有没有一本书或一个网站详细介绍了成功的HTML编码模式和指导原则，从而使它在jQuery、css和复杂的ajax应用程序中非常实用？喜欢生活的坚实规则

再说一次，这似乎是一个奇怪的问题，但我不知道有什么更好的方式来问它。我发现自己总是不得不随着新事物的出现而改变标记-比如在隐藏的输入元素和数据属性之间切换。。。或者放更多的ID或者拿走ID——我想我找到了正确的方法，但是我很好奇是否有人费心分析这个问题，并提出了一些很好的指导方针、标准和模式，从而第一次生成正确的HTML

---

谢谢

如果您想编写一些简单易用的干净HTML代码，首先要确保您的代码对官方DTD、HTML4（）或XHTML（）有效

---

然后以适当的方式使用

id

和

class

（

id

仅用于唯一的部分，而

class

用于可重复的部分），并根据上下文正确命名，以便轻松访问它们。

最好的方法是一起开发html和javascript。通过这种方式，您可以根据需要调整文档结构。

根据我的经验，我实际上建议，当涉及到大型项目和专业JavaScript编码时，目标实际上是将JavaScript代码与它所在的HTML分离

---

如前所述，只要您使用格式良好的HTML（符合DTD），像jQuery这样的库在操作上就不会有任何问题。然而，作为最佳实践，我建议尽量隔离和封装依赖关系，无论是因为HTML结构还是其他JavaScript代码块。

本文似乎回答了我的问题：

---

对不起。我想我不清楚。是的，我在创建有效标记方面没有问题。我不是在学习如何做html，我更多的是询问如何做得漂亮优雅。这更像是一个代码美学问题，但也是一个功能性问题，因为JavaScript使用您编写的html。我相信你会同意，缺少数据属性或ID的html会让事情变得更困难，诸如此类。我想问的是：是否有一种大多数有经验的开发人员使用的默认编码风格，可以防止在其上应用javascript时出现问题？我认为talnicolas关于属性上的ID和类的陈述回答了您的问题。只要试着为页面中语义上属于一起的部分创建div包装器，并对它们进行适当的命名，就可以了。有几个太多的div而您的样式表或javascript最终没有使用，这没有什么错。相反，添加div/id/class也没有什么错，因为您发现需要它们；这叫做迭代开发；-）我还想说，HTML本身不应该力求美观和优雅——它应该是语义上的描述性的、干净和正确的。正是CSS和某种程度上的JavaScript使HTML看起来美丽而优雅。（我明白了，你们可能明白了，egervari，我只是想说清楚。）好吧，虽然我不认为html很漂亮，但我确实认为代码可以优雅漂亮：P我认为它比ID和类更复杂。例如，您是将id放在

表上

，还是制作一个

div

并封装该表？您是否使用

数据-

属性，如果是，默认情况下，将它们放在哪里最合适？是否存在任何反模式，比如在

数据-

属性更好的情况下使用隐藏表单输入？在构建标记时，有很多选择，我不认为这个问题的答案很简单。语义HTML（and）会这样做吗？