首页 理论教育 HTML+CSS从入门到精通-全球顶级实战编程基础

HTML+CSS从入门到精通-全球顶级实战编程基础

时间:2026-01-26 理论教育 小龙哥 版权反馈
【摘要】:全局属性id和class的命名规则虽然全局属性id和class的值是可以随便定义的,但是定义时也要遵守一定的规则。比如“动手写2.8.4”中,假设元素ul是一个网页菜单栏,它的id就可以用英文单词“menu”来命名。动手写2.8.4 命名示例

全局属性id和class的命名规则

虽然全局属性id和class的值是可以随便定义的,但是定义时也要遵守一定的规则。以下是命名时必须遵守的规则:

1.必须以字母A~Z或a~z开头

2.其后的字符可以是:字母(A~Z、a~z)、数字(0~9)、连字符(-)、下划线(_)、冒号(:)以及点号(.);

3.命名对大小写敏感。

另外要注意的一点是,id的值不能带空白符(包括制表符tab和空格等)。与之相反,class的值则允许有空白符,但是空白符会把class的值分割,相当于拥有了多个class。

“动手写2.8.1”是一些错误的id命名示例:

动手写2.8.1 错误的id命名示例(https://www.xing528.com)

在同一个HTML文档中,每个id只能出现一次,但是因为id的值大小写敏感,所以“动手写2.8.2”中的多个id虽然都是同一个单词“name”,却是合法并存的:

动手写2.8.2 命名对大小写敏感

“动手写2.8.3”中,class的值中存在空格,这是合法的,p元素相当于拥有hello和world两个类名:

动手写2.8.3 class值加空格

命名的时候要尽量符合语义,也就是说元素的id、class值和它代表的元素的实际意义是有关联的。比如“动手写2.8.4”中,假设元素ul是一个网页菜单栏,它的id就可以用英文单词“menu”来命名。如果你英文不是太好,汉语拼音“caidan”也可以考虑。注意不要拼错,不然就闹笑话了。

动手写2.8.4 命名示例

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈