是否有关于如何创建准备用于 javascript 的漂亮 HTML 的指南？ [关闭]答案

【问题标题】：Is there a guide about how to create beautiful HTML that is preped to be used with javascript? [closed]是否有关于如何创建准备用于 javascript 的漂亮 HTML 的指南？ [关闭]
【发布时间】：2011-11-25 00:40:09
【问题描述】：

这似乎是一个奇怪的问题，但我发现 javascript 是简单还是困难，这取决于您如何编写 HTML。是否有书籍或网站详细介绍了成功的 HTML 编码模式和指南，以便它非常适用于 jQuery、css 和复杂的 ajax 应用程序？就像生活的坚实规则一样。

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

谢谢

【问题讨论】：

语义HTML（和class names）会这样做吗？
google.com/search?q=html+coding+standards

标签： javascript html ajax design-patterns

【解决方案1】：

如果您想编写一些易于使用的干净 HTML，首先要确保您的代码对官方 DTD、HTML4 (here) 或 XHTML (here) 有效。

然后以正确的方式使用id 和class（id 仅用于唯一部分，class 用于可重复部分）并根据上下文正确命名，以便轻松访问。

【讨论】：

对不起。我不认为我很清楚。是的，我在创建有效标记方面没有问题。我不是在学习如何做 html - 我更多的是询问如何精美优雅地做它。这更像是一个代码美学问题，也是一个功能性问题，因为 JavaScript 会使用您编写的 html。我相信您会同意缺少数据属性或 id 的 html 会使其变得更难，诸如此类的事情。我要问的是：是否有大多数经验丰富的开发人员使用的首选默认编码样式来防止在其上应用 javascript 时出现问题和问题？
如果您考虑一下，我认为 talnicolas 关于属性上的 id 和类的声明可以回答您的问题。只需尝试为在语义上属于一起的页面部分创建 div 包装器并适当地命名它们，你应该很高兴。有太多的 div 让你的样式表或 javascript 最终没有使用并没有错。相反，添加 divs/ids/classes 也没有什么问题，因为您发现需要它们；它被称为迭代开发;-)
我还要说 HTML 本身不应该力求漂亮和优雅 - 它应该是 语义描述 以及干净和正确的。是 CSS 和某种程度上的 JavaScript 让 HTML 看起来美丽而优雅。（我知道你可能明白了，egervari，只是想指出清楚。）
好吧，虽然我不认为 html 很漂亮，但我确实认为代码可以优雅漂亮:P 我做的事情是它比 id 和类更复杂。比如你把id放在table上，还是做一个div，封装表格？您是否使用data- 属性，如果使用，默认情况下放置它们的最佳位置在哪里？是否有任何反模式，例如当data- 属性更好时可能使用隐藏表单输入？在构建标记时，实际上有很多令人惊讶的选择，我认为这个问题的答案并不简单。

【解决方案2】：

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

如前所述，只要您使用格式良好的 HTML（符合 DTD），像 jQuery 这样的库在其上运行应该不会有任何问题。但是，作为最佳实践，我建议努力隔离和封装依赖项，无论它们是因为 HTML 结构还是其他 JavaScript 代码块。

【讨论】：

【解决方案3】：

最好的办法是把html和javascript一起开发。这样您就可以根据需要调整文档结构。

【讨论】：

【解决方案4】：

这篇文章似乎回答了我的问题： http://www.viget.com/inspire/extending-paul-irishs-comprehensive-dom-ready-execution/

【讨论】：