700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html id命名规范 CSS常用类/ID命名规范

html id命名规范 CSS常用类/ID命名规范

时间:2020-03-13 12:08:37

相关推荐

html id命名规范 CSS常用类/ID命名规范

书写规范请查看《CSS语法及命名规范(入门)》,本文介绍常用类/ID命名规范,

一.DIV+CSS布局文件命名规范

全局样式:global.css;

框架布局:layout.css;

字体样式:font.css;

链接样式:link.css;

打印样式:print.css;

二.常用类/ID命名规范

内容:content

容器:container

版权:copyright

菜单:menu 子菜单:submenu

子导航:subnav

标志:logo

广告:banner

标题:title

侧边栏:sidebar

图标:Icon

注释:note

搜索:search

登录:login登录条:loginbar

链接:link

信息框:manage

滚动:scroll

页面主体:main

内容:content

标签页:tab

章列表:list

信息:msg

小技巧:tips

标题:title

指南:guild

服务:service

热点:hot

新闻:news

下载:download

注册:regsiter

状态:status

按钮:btn

投票:vote

合作伙伴:partner

友情链接:friendlink

页脚:footer

版权:copyright

提交:submit

文本框:textbox

统计:count

以上结构可以组合使用,例如:左列标题lefttitle;底部导航footernav

书写原则:

1.一律小写;

2.尽量用英文;

3.不加中杠和下划线;

4.尽量不缩写,除非一看就明白的单词。

常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn。

125jz网原创文章。发布者:江山如画,转载请注明出处:/3366.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。