前端html页面id命名问题

(1) 页面结构

容器: container

页头：header

内容：content/container

页面主体：main

页尾：footer

导航：nav

侧栏：sidebar

栏目：column

页面外围控制整体布局宽度：wrapper

左右中：left right center

(2) 导航

导航：nav

主导航：mainbav

子导航：subnav

顶导航：topnav

边导航：sidebar

左导航：leftsidebar

右导航：rightsidebar

菜单：menu

子菜单：submenu

标题: title

摘要: summary

(3) 功能

标志：logo

广告：banner

登陆：login

登录条：loginbar

注册：regsiter

搜索：search

功能区：shop

标题：title

加入：joinus

状态：status

按钮：btn

滚动：scroll

标签页：tab

文章列表：list

提示信息：msg

当前的: current

小技巧：tips

图标: icon

注释：note

指南：guild

服务：service

热点：hot

新闻：news

下载：download

投票：vote

合作伙伴：partner

友情链接：link

版权：copyright

中

id与name

区别

一个name可以同时对应多个控件，比如checkbox和radio

而id必须是全文档中唯一的

CSS

中

id、class属性的区别

1）class是设置标签的类，用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名，在html页面里则以class="css5"

来选择调用，命名好的CSS又叫css选择器。

如：

.css5{属性：属性值}

选择器在html调用为“

我是class例子

.baobao{

color:

lime

background:

#ff80c0

}

使用方法：class="baobao"

2）id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候

以“#”来开头命名id名称

如一个CSS规则：

#binbin{

font-size:

larger

}

使用方法：id="binbin"

id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆；

当然了，这个也不是一两句能说明白的，只要用的多了，就能慢慢理解了。

详情百度以下内容：

HTML中id、name、class

区别[xyytIT]

id 和class :

id 就像身份z一样，独一无二的。id 只有特殊的，并且确定是独一无二的网页元素，才用id。

class 类 就表示一类东西，就是很多相同的东西，可以重复使用。

命名时有一定的含义，易懂，易记忆；命名没有特定的什么标准和规范，不过尽量使用大家都认同的一些命名，便于以后修改或团队合作的开发。

比如 let right sidebar mainbar等等