Html使用时命名规则 比如第一个div. pic ul 还是div ul或 ul都可以？

这个要看你的具体目的而定，比如

ul 表示匹配整个html文档中所有的ul标签 （即 <ul>...</ul>）

div ul 表示匹配所有包含在div内的ul标签 （即 <div><ul>...</ul></div>）

div.pic ul 表示匹配所有包含在类名为pic的div的ul标签 （即 <div class="pic"><ul>...</ul></div>）

也就是说，写得越详细，匹配的范围就越具体（或者说越小）。就比如说现实生活中，全国叫“张三”的可能有成千上万个，而“男的张三”范围就缩小一半了，“20岁的男的张三”范围一下子又减少了几十倍，以此类推……

HTML中DIV命名标准通用格式如下：

头：header 内容：content/container 页脚：footer

页面主体：main 侧栏：sidebar广告：banner

栏目：column 页面外围控制整体布局宽度：wrapper左右中：left right center

登陆：login登录条：loginbar 注册：regsiter

导航：nav 子导航：subnav 菜单：menu

顶导航：topnav 左导航：leftsidebar 右导航：rightsidebar

子菜单：submenu搜索：search 标签页：tab

标志：logo 文章列表：list 当前的: current

热点：hot 图标: icon 按钮：btn

新闻：news 下载：download 服务：service

加入：joinus 指南：guild 投票：vote

合作伙伴：partner 友情链接：link 版权：copyright

提示信息：msg 小技巧：tips 注释：note

栏目标题：title摘要: summary内容：content

状态：status 功能区：shop 状态：status

常用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

---