如何在写html时命名id和class名称_随笔

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

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

这就考验前段工程师的开发经验了，其实命名也没个准则，习惯不同而已，能保证自己和其他的人看得懂就Ok啦。举个例子，对于头部的div，可以命名为#head,尾部则为#foot，当然啦，ID选择器很少用，一般用的class选择器，ID的一般是用来控制前段javascript表现或者后台调用的。

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

原文地址:https://54852.com/zaji/7126524.html

如何在写html时命名id和class名称

发表评论

评论列表（0条）