【摘要】:全局属性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 命名示例
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。
