【发布时间】:2008-08-27 20:14:15
【问题描述】:
HTML 标准明确区分了 CSS(表示)和 HTML(语义或结构)之间的关注点。
是否有人使用 CSS 和 XHTML 的编码标准文档,其中包含有助于保持这种分离的条款?在这样的编码标准文档中包含哪些好的条款?
【问题讨论】:
标签: html css xhtml coding-style
HTML 标准明确区分了 CSS(表示)和 HTML(语义或结构)之间的关注点。
是否有人使用 CSS 和 XHTML 的编码标准文档,其中包含有助于保持这种分离的条款?在这样的编码标准文档中包含哪些好的条款?
【问题讨论】:
标签: html css xhtml coding-style
我们没有在我工作的地方都遵守的实体文件。我们尝试并牢记许多指导方针,但没有足够的信息需要物理文件。 This article 很好地总结了这些准则。您也可以考虑格式化您的 CSS 以使其更易于阅读。 Smashing Magazine 有一篇关于这个主题的精彩文章。
【讨论】:
@Lee Theobald 提到的文章是一个好的开始。
标记时我尽量牢记的一些基本想法:
关于 html:
尝试为下一个人写作 - 也就是说,想想别人来接您的工作并继续工作可能是多么容易或困难。
为了支持这一原则,您应该尝试确保您的标记尽可能清晰 - 特别是 class 和 id 标签应尽可能与其预期内容相关联。换句话说,尝试使用您的标签来描述他们将拥有的内容类型。
例如“子导航”、“内容”等
目的是提供一些以前没有看过的人可以拾取的标记,并了解文档的逻辑结构。
另外,尽量避免添加纯粹是为了达到视觉效果的标记。但请记住,由于当前 CSS 实现的弱点和浏览器兼容性问题,任何需要稍微复杂样式的网站都不太可能避免使用非语义标记。
关于 CSS 文件:
许多人使用 cmets 将他们的 css 划分为多个部分,将它们分成功能或结构区域。因此,您可能有一个部分用于您的页眉、页脚或排版等。其他人更进一步,将 css 拆分为文件,一个用于排版,一个用于布局等。但是,根据 Yslow,这可以!由于增加的 http 请求,可能会对页面加载产生负面影响。
我可以写更多,但正如你所见,我很难做到简洁。我希望这对你有一些用处。
【讨论】: