前端html页面id命名问题_随笔

常用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你自己想怎么取就怎么取啊，class的话是css里面定义的class，例如：

<!DOCTYPE html>

<html>

<head>

<title>菜鸟教程(runoob.com)</title>

<style>

.center

{

text-align:center

}

</style>

</head>

<body>

</body>

</html>

class取的就是css里面定义的center

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

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

id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆；区别于id，class里的属性名可以在同一页面多次出现。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/6199736.html

前端html页面id命名问题

发表评论

评论列表（0条）