html站点如何命名,html页面的CSS、DIV命名规则
68. XHTML文件中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
======
69. CSS+DIV的命名规则:
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
友情链接:friendLink
页脚:footer
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
版权:copyRight
1.CSSID的命名
外套:wrap
主导航:mainNav
子导航:subnav
页脚:footer
整个页面:content
页眉:header
页脚:footer
商标:label
标题:title
主导航:mainNav(globalNav)
顶导航:topnav
边导航:sidebar
左导航:leftsideBar
右导航:rightsideBar
旗志:logo
标语:banner
菜单内容1:menu1Content
菜单容量:menuContainer
子菜单:submenu
边导航图标:sidebarIcon
注释:note
面包屑:breadCrumb(即页面所处位置导航提示)
容器:container
内容:content
搜索:search
登陆:login
功能区:shop(如购物车,收银台)
当前的current
2.样式文件命名
主要的:master.css
布局版面:layout.css
专栏:columns.css
文字:font.css
打印样式:print.css
主题:themes.css
说明:均为class,需要扩展,则在当前命名内以“_“(下划线)后缀自定名称。
我习惯称列表页为list,新闻列表则为newslist,图片列表为piclist,
内容页为view,
html站点如何命名,html页面的CSS、DIV命名规则相关推荐
- html页面的CSS、DIV命名规则
CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:l ...
- 下载页面的css样式文件引用的背景图片
在加载网页的时候,一般会缓存该网页使用的图片资源. 我们在页面的Sources目录下是能够找网所使用的样式和图片等资源. 那么如何下载某网站中我们需要的图片? 使用360浏览器,使用F12功能,选中网 ...
- SAP Spartacus user form页面的css设计重构
(1) fieldset应该和legend搭配起来用.下图的第102行fieldset应该改为div: (2) 在_details.scss里,fieldset和label.form-check具有相 ...
- Spring Boot||html页面的css等资源加载失败
背景 这几天在用spring boot 框架来实现一个网站,静态页面已经写好,创建完成spring项目后将html文件.css等资源文件分别扔到了/项目名称/src/main/resources/te ...
- html页面的css样式、meta最常用的最基本最常规的配置参数
图片 img{width:100%;vertical-align: middle;} 表格 table {border-collapse: collapse;border-spacing: 0;}ta ...
- 利用ES6里标准化的JavaScript proxy对象拦截SAP C4C页面的HTML div原生操作
SAP Cloud for Customer的UI实现里,有不少使用JavaScript在运行时动态创建div标签的例子. 如果想研究这些情形发生的上下文,我们可以使用ES6提供的标准Proxy对象, ...
- html++标签页+界面,CSS+DIV实现多标签页面。
学习时自娱自乐. index.html ----------------------- 无标题文档 页面1 页面2 页面3 页面4 页面5 1 1 1 1 tab.css -------------- ...
- DIV+CSS规范命名大全集合
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇. 常用DIV+CSS命名大全集合,即CSS命名规则 D ...
- css实现让页面的footer始终位于底部
在写html页面布局的时候经常会遇到这样的情况:当页面内容较少的时候footer下面会有留白这样会很不好看,直接给footer,fixed定位的话当页面内容多的时候,footer又会盖住下面的内容.下 ...
最新文章
- SCOM发送邮件通知
- 【pmcaff】人人黑产品经理,你中招了嘛!
- .net访问PostgreSQL数据库发生“找不到函数名”的问题追踪
- VTK:几何对象之TriangleStrip
- x轴z轴代表的方向图片_游戏中到底是Z轴朝上还是Y轴朝上?
- Mybatis中强大的功能元素:resultMap
- 选择版本Win7系统VS2010下搭建qt开发环境
- go的timer定时器实现
- java写入carbondata_Carbondata使用过程中遇到的几个问题及解决办法
- 腾讯ai开放平台 手册_创建手册以实现大规模开放
- text对应java类型_【JavaWeb】79:JavaScript和Java的关系?
- 为什么说苹果是唯一在乎你隐私的科技公司?
- Guice 学习(六)使用Provider注入服务( Provider Inject Service)
- 倒计时_考研倒计时30天,拼了
- 发现新世界:神级浏览器插件TamperMonkey(暴力猴)
- CSS3绘制各种常见图形(圆形-椭圆形-三角形-五角星...)
- ArcMap学习笔记(十一)数字地形模型分析
- 树的数据结构代码_如何以无代码方式学习树数据结构
- Ubuntu双系统+pytorch环境搭建日记
- 深度学习中的网络设计技术(一) ——理论概述
热门文章
- 使用 Docker 让传统 .NET 应用程序现代化
- CentOS上安装SQL Server vNext CTP1
- 复习深入笔记01:对象/可变与不可变类型/字符编码/闭包
- 汉诺塔c语言源程序步骤,汉诺塔问题的算法分析及C语言演示程序的实现
- [转]从入门到精通,Java学习路线导航
- unix网络编程之UNIX Domain Socket IPC (sockaddr_un )
- Android之用AccessibilityService实现红包插件
- 《iVX 高仿美团APP制作移动端完整项目》01 标题需求分析思路及制作流程
- 华为ar2200路由器 策略路由_路由交换篇 06 华为路由器RIP协议的配置
- 装服务器显示磁盘脱机,服务器磁盘处于脱机