XHTML中id与class的使用原则与技巧
作者：小毅 来源：毅博客 发布时间：2007-12-17 13:07:00
今天的这篇文章是讲XHTML中的细节部分的，这篇续述的主题就是ID与CLASS怎么用，在标题中有提及使用原则与技巧，这里的使用原则与技巧是我的经验总结。
相关文章阅读：表单name与id的区别和相似之处，class和id命名探讨，div中class与id的区别及应用
ID与CLASS的使用原则
据说W3C对于ID与CLASS的设定是ID具有唯一性，CLASS具有普遍性。
所以我们这里的使用原则也是依据这一特性建立的。ID是不能重复的，所以在XHTML的结构中，大结构一定是用ID。比如标志、导航、主体内容、版权。这些呢接我自己制定的规范命名为#logo , #nav , #content , #copyright 这些是雷打不动的命名。
有人说布局排版用ID，配色背景用CLASS，其实这是不正确的，ID与布局排版没有直接关系，CLASS与配色也下是对等的。有人呢为了麻烦全都用ID或是全都用CLASS，全都用CLASS呢还有可理解，全都用ID就不正常了，这有悖ID唯一性。如果每个ID都不一样，那非累死不可。我通过实践总结的使用原则是：ID需要具有唯一性，并且尽量在外围使用。而CLASS具有可重复性，并且尽量在结构内部使用。这样做的好处是有利于网站代码的后期维护与修改，这样的做法就会让所有的CLASS都成为ID的子级或是孙级。你可以有两个儿子但你能有两个爸爸吗，就是这个道理。
在我们写CSS的时候可以写成这样 #father .child {…} 尽量不要让Class包含ID，.father #child {…}如果写成这样显得有点可笑 。当然这也不是铁定的，特殊情况需要特殊对待嘛。但是通常情况下这种形式的必要性不大。
以上就是ID与CLASS使用原则，归总起来一句话：ID是唯一的并是父级的，CLASS是可以重复的并是子级的。
ID与CLASS的使用技巧
子级的命名的包含父命名中的部分为开头。这样方便在编写CSS时明确层次关系。
CLASS中的子级最好不用ID。当然特殊情况特殊对待。
CLASS的命名最好命名用大小写合用。例 .newMovie 这样的写法与第一条结合起来使用明确关系最合适。要需要注意的是IE以外的浏览器对于大小写是很敏感的。还有就是一定要以字母开头。
其实上面讲的都是一些大家都明白的内容，只是我捡了个漏先写下来算是一个总结。希望大家对于ID与CLASS的使用提出自己的新观点新思路。一起总结出最适合也最有效率的规范来。
0
投稿猜你喜欢
- sql语句查询重复的数据查找所有重复标题的记录：SELECT *FROM t_info aWHERE ((SELECT COUNT(*)FR
在日常工作编程中存在着各种随机事件，同样在编程中生成随机数字的时候也是一样，随机有多随机呢？在涉及信息安全的情况下，它是最重要的问题之一。每- 比如要在一个列表中利用ajax插入一个li的时候，我会直接把数据跟html标签拼接成一句完整的html，然后插入到ul中。无论数据是从服务器
- 效果展示效果展示素材展示一个为视频，另一个为像素大小不小于视频的封面。实现过程调用已启用的浏览器通过调用已启用的浏览器，可以实现直接跳过每次
- python如何将字母转化为数字?将英文字母转成数字：转换ord('F')反转chr(70)python ord() 函数是
- 废话不多说，直接开干!抖音字符视频在今年火过一段时间。反正我是始终忘不了那段刘耕宏老师本草纲目的音乐…这一次自己也来实
- 一： 基本使用：1：环境的安装：pip install flask-sqlalchemypip install pymysql2：组件初始化
- 1. Anaconda1.1 Anaconda简介Anaconda是一个开源的python发行版本，是现在比较流行的python数据科学平台
- 如下所示：# 创建一个空的 DataFramedf_empty = pd.DataFrame()#或者df_empty = pd.DataF
- 程序需求：输入用户名,密码认证成功显示欢迎信息输入错误三次后锁定用户流程图：好像画的不咋地查看代码：#!/usr/bin/env pytho
- 目录索引模型B+Tree索引选择索引优化索引选择性覆盖索引最左前缀原则+索引下推前缀索引唯一索引索引失效总结索引模型哈希表适用于只有等值查询
- 下面把代码写出来,希望大家批评指正. 首先domain对象.在这里使用的注解的方式,都是比较新的版本. User.java package
- 前言本博客重点：folium的使用功能，图层控制、指北针、folium添加js和css、经纬网格线（栅格线）在上一篇使用folium制作地图
- 做软件开发时基本都会涉及到数据的使用，比如最简单用户登录注册，这用户信息则需要使用数据库做存储管理。而在项目开发测试过程最常使用的数据库则是
- 问题：自己写了个dataloader，为了部署方便，用OpenCV的接口进行数据读取，而没有用PIL，代码大致如下： &nbs
- 如下所示：# -*- coding: utf-8 -*-import osimport numpy as npimport pandas a
- 接触Python时间也不是很长的，最近有个项目需要分析数据，于是选用Python为编程语言，除了语言特性外主要还是看重Python对于SQL
- 一.基本数据类型整数：int字符串：str(注：\t等于一个tab键)布尔值： bool列表：list 列表用[]元祖：tuple元祖用（）
- 代码如下:--Begin Index(索引) 分析优化的相关 Sql -- 返回当前数据库所有碎片率大于25％的索引 -- 运行
- 毫无疑问，Google是当今世界上最成功的互联网公司之一，但是Google也曾推出过一些失败的实验品。还记得Google Accelerat
