CSS和HTML命名规范有哪些

今天就跟大家聊聊有关CSS和HTML命名规范有哪些，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

创新互联是专业的黟县网站建设公司，黟县接单;提供网站制作、成都网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行黟县网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

1. 面向属性的命名方法，是什么属性就写什么名。

2. 精简高效CSS命名之“三无原则”，此“三无原则”就是：无ID，无层级，无标签，CSS命名就应该最简单、最直接，直捣黄龙。没有HTML标签，没有层级，原因有三：

1. 限制重用 2. CSS文件大小 3. 降低了渲染效率，CSS的渲染方式是“从右往左”渲染的，

“三无原则”遗留之样式冲突问题

正如上面讲的，层级，标签可以避免样式冲突，虽然“面向属性的命名”不存在冲突问题，但是，页面上很多样式是无法分离使用“面向属性的命名”的，此时，一不能有层级，二不能有标签，如果避免冲突呢？

首先，规范。项目组所有人的命名方法，习惯都要统一。其次，也是实际的做法，同一内容，使用同一前缀。就如上面的那张图片所示，所有class同一使用od前缀，这样，就绝不会与其他页面的CSS产生冲突了。

我们通常会根据三类情况给定一个 class 名：

功能性 class 名

内容性 class 名

展示性 class 名

http:/ /www.iis7.com/b/wzjk/

这几类 class 名是趋向于稳定特质的。如果我们遵循这些命名原则，就会显得更明智，而且我们的 CSS 会更好的适应未来的改变。

功能性 class 名通常是你的最佳选择。当你能够使用它们的时候就尽量使用。如果你无法提取出完全功能性的名字，可以考虑你的项目的本质及其发展。原则上，内容性 class 名更适合小型站点；而展示性 class 名更适合大型站点。

开发者会很在意这种用法。没有人希望一个项目变得难以维护，但是每个人都有不同的想法通过 class 名来应对这些特殊情况。这时不妨思考一下我们使用的不同类型 class 名的本质，问问自己这样做是否更好的帮助你的项目达成目标。

命名规则说明：

1）、所有的命名最好都小写

2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"

3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整

4）、空元素要有结束的tag或于开始的tag后加上"/"

5）、表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等

6）、

到