前端html页面id命名问题

html-css048

前端html页面id命名问题,第1张

常用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=""这个名字里面必须是英文字母开头，里面可以有数字、下划线、减号、加号，点不允许。id里面这个名字在整个页面是唯一，不可以重复。id命名是”#“开头加上命名词

class=""这个名字可以重复，可以多个，例：<class="laozhang zhangsan">。class命名是点开头加上命名词。

浏览器在加载页面的时候是从上到下、从左到右，越接近这个标签它的优先级别越高，内联样式(行内样式)最大。前提是在选择器相同的情况下

id的权重大于class,当权重不相同时，它以权重大的为准

id样式：0,1,0,0,0，

class样式：0，0，1,0, 属性选择器 伪类选择器

元素选择器：0,0,0,1，

+ >继承 *：0,0,0,0，

1、id: id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称。

用法：若一个标签的id="myid",那么使用它的时候通过”$("#myid")“来获取当前标签或使用“#myid{}”来定义CSS样式。

2、class：根据用户定义的标准对一个或多个元素进行标记和定义，一个标签可以有多个class，例如class="myclass1 myclass2",当前标签就有两个class，分别为myclass1和myclass2。

用法：若一个标签有一个class="myclass",那么获取这个标签可以使用$(".myclass"),同时使用”.myclass{}“来定义CSS样式。

3、name：从名字可以知道这是用于定义一个标签的名字的属性，name可用于数据获取，常用于表单数据的获取。

用法：若一个输入框的name="myname" ，常用request.getparameter("myname")来获取当前输入框的值。