本文将详细讲解DIV布局规范中的CSS类和id命名方法是什么，文章内容质量较高，所以边肖将分享给大家参考。希望你看完这篇文章后有所了解。
DIV网页布局规范中CSS类及id命名
Web开发人员(也就是您)可以通过创建CSS类和id名称并使用这些名称来识别div和其他页面元素和标签。对于开发人员来说，在命名重新定义XHTML标签的CSSselectors时，有必要确保它们与预定义的标签完全匹配。然而，就类和id选择器名称而言，不同的人有不同的意见。然而，随意命名这些类和id并不是一个好习惯。
在阅读了安迪克拉克(ofstffandonsensensandaltmarakey)和EricMeyer撰写的一系列关于CSS类和id命名规范的文章后，我开始思考如何在设计自己的网站的过程中命名类和id。
直观命名
当设计网页和识别div时，最自然的想法是用能够描述页面位置的词来命名元素。此方法使类的名称和id如下所示：
顶板
水平导航
左侧
中心柱
右栏
这些是CSS和XHTML类和id的有效命名方法。这些文字简单，顾名思义可以造人，满足识别页面元素和对应CSS样式的需求。
但问题是，这样的名称与页面内容的特定表达相关联。这些名称指的是页面元素在特定页面布局中的位置，因此在这种布局之外使用它们是不合适的，甚至是令人困惑的。同时，这些名称与文档内容的结构无关。因此，下面给出了一种更好的命名CSS类和id的方法。
结构化命名
结构化标记意味着表达式/位置信息与内容完全分离；mdash这包括出现在标记中的类和id名称。
标记信息用于描述文档的结构，而不是外观。这个特性使我们能够通过简单地改变CSS来重用不同外观格式的内容和标记。当你理解了这种方式，你很容易发现，在处理音频等外观格式时，用页面位置来命名类和id的方式是非常不合适的。因此，类和id应该根据文档中的使用目的在结构上命名，而不是在它出现的地方命名。
您可以按如下所示的结构化方式命名类和id名称：
侮辱
主导航
subnav
主要内容
补充报道
这些名称和直观的命名方法一样容易理解，但它们描述的是页面元素的功能，而不是位置。这使得代码更符合使用纯structuralmarkup的初衷，即开发者可以在不改变标记的情况下处理各种媒体中的显示格式。
即使您不打算修改其他媒体中的网页格式，使用结构化命名也可以帮助您在未来更轻松地升级或重新设计网站。例如，当带有idright-column的div移动到页面左侧时，结构化命名避免了混淆。以这种方式命名divsidebar更合适，因为无论它出现在页面的哪一面，名称对于开发人员来说仍然是直观且易于理解的。
一些命名惯例
ycarke分析了40个由提倡标准化网页设计概念的开发者设计的网站源代码。虽然类名和id名并不统一，但还是发现了一些常用的名字。以下是最常用的类/id名称示例列表：
页眉
内容
航行
补充报道
页脚
这些常见的类和id名称标志着一个标准的诞生还是普遍接受的约定的形成？虽然这是我希望的，但我不这么认为。我真的希望看到一整套我们每天都能看到的通用页面元素的命名标准。同时，使用标准化的命名方法可以方便地查找页面元素和升级Web站点，尤其是当需要在不同开发人员在不同时间开发的站点之间切换作业时。
我将在这里分享DIV布局规范中的CSS类和id命名方法是什么。我希望
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/81295.html