网页设计div和class-网页的每个部位都是怎样命名的 (网页设计DIV是什么)

文章编号：28049 / 分类：互联网资讯 / 更新时间：2024-09-28 12:59:18 / 浏览：次

罕用CSS命名参考资料在XHTML中定义ID时都用得上，重要是繁难CSS定义样式时能一眼看穿。

所以，CSS命名仅作参考。

(1)页面结构类容器: container页头：header内容：content/container页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column页面中心管理全体规划宽度：wrApper(2)导航类导航：nav主导航：mainnav子导航：subnav顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsidebar位置导航： crumb菜单：menu子菜单：submenu面包屑：breadcrumb(即页面所处位置导航揭示)(3)网页内容类题目: title摘要: summary箭头： arrow商标： label网站标记： logo转角/圆角： corner横幅广告： banner栏目： column子菜单： subMenu搜查： search搜查框： searchBox登录： login工具条： toolbar下拉： drop标签页： tab以后的： current列表： list滚动： scroll服务： service揭示消息： msg资讯： news小技巧： tips下载： download栏指题目： title热点： hot添加： joinus注册： regsiter指南： guide友谊链接： friendlink形态： status版权： copyright按钮： btn协作同伴： partner投票： vote头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面中心管理全体规划宽度：wrapper左右中：left right center登录条：loginbar标记：logo广告：banner页面主体：main热点：hot资讯：news下载：download子导航：subnav菜单：menu子菜单：submenu搜查：search友谊链接：friendlink页脚：footer版权：copyright滚动：scroll内容：content标签页：tab文章列表：list揭示消息：msg小技巧：tips栏指题目：title添加：joinus指南：guild服务：service注册：regsiter形态：status投票：vote协作同伴：partner(二)注释的写法:/* Footer */内容区/* End Footer */(三)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(四)class的命名:(1)色彩:经常使用色彩的称号或许16进制代码,如 { color: red; }.f60 { color: #f60; }8600 { color: #ff8600; }(2)字体大小,间接经常使用font+字体大小作为称号,如12px { font-size: 12px; }9pt {font-size: 9pt; }(3)对齐样式,经常使用对齐指标的英文称号,如 { float:left; (4)题目栏样式,经常使用类别+配置的模式命名,如 { } { }留意事项::1.一概小写;2.尽量用英文;3.不加中杠和下划线;4.尽量不缩写，除非一看就明确的单词.重要的模块基本共用规划，版面主题专栏文字表单补丁打印头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面中心管理全体规划宽度：wrapper左右中：leftrightcenter登录条：loginbar标记：logo广告：banner页面主体：main热点：hot资讯：news下载：download子导航：subnav菜单：menu子菜单：submenu搜查：search友谊链接：friendlink页脚：footer版权：copyright滚动：scroll内容：content标签页：tab文章列表：list揭示消息：msg小技巧：tips栏指题目：title添加：joinus指南：guild服务：service注册：regsiter形态：status投票：vote协作同伴：partner(二) 注释的写法：/*Footer*/内容区/*EndFooter*/(三) id的命名：(1)页面结构容器：container页头：header内容：content/container页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column页面中心管理全体规划宽度：wrapper左右中：leftrightcenter(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(四) class的命名：(1)色彩：经常使用色彩的称号或许16进制代码，如：以下为援用的内容{color:red;}.f60{color:#f60;}8600{color:#ff8600;}(2)字体大小，间接经常使用“font+字体大小”作为称号，如：以下为援用的内容12px{font-size:12px;}9pt{font-size:9pt;}(3)对齐样式，经常使用对齐指标的英文称号，如：以下为援用的内容{float:left;}(4)题目栏样式，经常使用”类别+配置”的模式命名，如：以下为援用的内容{}{}(五) 文件名命名：重要的模块基本共用规划，版面主题专栏文字表单补丁打印(六) 留意事项：(1)一概小写。

(2)尽量用英文。

(3)不加中杠和下划线。

(4)尽量不缩写，除非一看就明确的单词。