【问题标题】:Inspiration / convention for element names HTML [closed]元素名称 HTML 的灵感/约定 [关闭]
【发布时间】:2012-07-19 06:15:17
【问题描述】:

我从事前端标记工作,所以我经常对网站进行模板化。有谁知道好的资源来学习一些好的约定或元素名称的灵感?我喜欢与打印布局相关的名称,所以也许有人可以向我指出一个资源来命名文档/布局的不同部分。

我有点厌倦了一遍又一遍地使用诸如block, wrapper, content, header 等通用名称。 colophon, masthead, hero 之类的东西似乎更有意义。

【问题讨论】:

  • 你的意思是给元素添加id属性吗?我倾向于谨慎使用 id,主要只是作为页面内的锚点。如果那样的话,我通常会给它一个 id,在语义上描述我要锚定到的页面的范围。
  • 您确实在寻找一种或多或少符合您自己的句法理解的方法。我看不出这里有一个“真实”的答案(这不仅仅是一些场外解释的链接)。也许我错了。查看模板、源标记和其他可能“专业”设计的模板,并提出您自己的系统。在博客条目上分享,尝试吸引专业人士加入您的方法,看看谁同意/反对。
  • 酷,谢谢你的想法。如果有人可以发布带有博客文章或论坛链接的答案,我会接受它
  • 答案以它们自己的方式很有用,但是当我为自己提出这个问题时,我正在寻找一种更细化的命名约定,我可以将其应用于要在我们内部编写的通用页面组件SMACSS 框架(CSS 的可扩展和模块化架构:尝试记录使用 CSS 时网站开发的一致方法)。我一直在寻找打印术语以获得答案,但没有找到很好的资源。好问题。

标签: html css templating


【解决方案1】:

一点灵感

我记得在搜索相同内容时找到了this。这是一些最著名的 css 人员使用的名称的集合。来自Andy Clarke

【讨论】:

  • 这样的东西太棒了!谢谢,如果其他人有类似的列表,请分享,因为我认为其他人会发现它们有用
  • +1 用于在我未来的样式表中引入术语“烟灰缸”和“雪茄盒”
【解决方案2】:

请按照评论中的要求进行操作...

http://meiert.com/en/blog/20080812/best-practice-ids-and-classes/

通过在 Google 中输入“最佳实践 html 类名称”在 10 秒内得到了这个。

就我个人而言,我将元素命名为它们相关内容的缩写 - 包含提交按钮的 div,我将其命名为“smtbtn”。简短,甜美,语音几乎可以说明它是什么。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2010-11-07
    • 2010-10-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-11-18
    相关资源
    最近更新 更多