`

DIV+CSS命名规范

CSS 
阅读更多
1.<body   oncontextmenu= 'return   false '   onselectstart= 'return   false '   ondragstart= 'return   false '>

外 套:  wrap
主导航:  mainnav
子导航:  subnav
页 脚:  footet
整个页面: content
页 眉:  header
页 脚:  footer
商 标:  label
标 题:  title
主导航:  mainbav(globalnav)
顶导航:  topnav
边导航:  sidebar
左导航:  leftsidebar
右导航:  rightsidebar
旗 志:  logo
标 语:  banner
菜单内容1: menu1 content
菜单容量: menu container
子菜单:  submenu
边导航图标:sidebarIcon
注释:   note
面包屑:  breadcrumb(即页面所处位置导航提示)
容器:   container
内容:   content
搜索:   search
登陆:   Login
功能区:  shop(如购物车,收银台)
当前的   current

2.另外在编辑样式表时可用的注释可这样写:
<– Footer –>
内容区
<– End Footer –>

3.样式文件命名
主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css

分享到:
评论

相关推荐

    div+css命名规范

    ### DIV+CSS命名规范 #### 一、概述 在网页设计与开发过程中,合理的命名规范对于提高代码可读性、可维护性和团队协作效率至关重要。本文档将详细阐述一套适用于初学者的`div+css`命名规则,帮助开发者建立起良好...

    DIV+CSS规范命名大全集合

    ### DIV+CSS规范命名大全集合 #### CSS规范命名与实践指南 在网页设计与开发过程中,DIV+CSS的布局方式已经成为了业界的标准做法之一。合理的命名规则不仅能够提高代码的可读性和可维护性,还能有效提升团队协作...

    DIV+CSS命名规范有助于SEO

    ### DIV+CSS命名规范的重要性及对SEO的影响 在前端开发领域,DIV+CSS是一种非常重要的网页布局技术。其中,合理的命名规范不仅能够提高代码的可读性和可维护性,还能间接促进网站的搜索引擎优化(SEO)。本文将详细...

    DIV+CSS命名规范.pdf

    以下是对标题和描述中涉及的`DIV+CSS`命名规范的详细说明: 1. **命名原则**: - `ID`通常用于唯一标识页面上的特定元素,比如`#header`代表页面头部,而`class`可以用于多个元素,如`.menu`可能应用于多个菜单项...

    DIV+CSS命名规范.docx

    在使用`DIV+CSS`时,良好的命名规范至关重要,因为它能帮助开发者更好地理解代码结构,提高开发效率,同时也有利于团队协作和后期维护。 首先,`DIV`是HTML中的一个无语义的块级元素,常用于创建页面布局。在`CSS`...

    SEO优化中的div+css命名规则

    **一、CSS命名规范** 1. **有意义的命名**:避免使用无意义的ID或类名,如“div1”,“box”等。应采用描述性的名称,如“header”、“content”、“footer”等,这能帮助搜索引擎理解页面结构。 2. **简洁性**:...

    div+css入门必备(附有div+css的常用命名)

    在提供的压缩包中,`div+css命名标准.txt` 文件很可能包含了关于这些命名规范的详细说明,值得仔细阅读和学习。而`div+css.pdf` 可能是一本关于`div+css`入门的电子书,涵盖了基础概念、布局技巧、命名规则等内容,...

    网页设计中DIV+CSS命名规则

    5. **CSS命名规范**: - 使用全小写字母,如果需要多个单词,使用连字符(-)分隔,例如`user-list`。 - 常用的HTML元素如`div`用于布局,`ul`和`ol`用于无序和有序列表,`span`作为辅助排版元素,`h1`到`h6`表示...

    DIV+CSS命名规范全记录

    以下是一些推荐的DIV+CSS命名规范: 1. 全部使用小写字母命名,以便于阅读和在服务器之间传输(小写字母在各种系统环境下都有更好的兼容性)。 2. 属性值必须使用双引号括起来,并确保每个类或ID有值,比如class=...

    适合初学者的39个div+css网页布局例子

    学习CSS命名规范至关重要,因为它能让你的代码更易于理解和维护。一般来说,类名应具有描述性,如`.header`、`.content`、`.footer`,避免使用无意义的数字或字母。同时,遵循BEM(Block Element Modifier)命名方法...

    DIV+CSS命名规则.docx

    2. **CSS命名规则**:良好的CSS命名规则有助于代码的可读性和团队协作。通常遵循的原则包括: - 使用有意义的英文单词或缩写,如`logo`代表标志,`status`代表状态。 - 避免使用ID选择器,更多地使用类选择器,...

    XHTML+DIV+CSS

    在IT领域,网页制作是至关重要的技能之一,而XHTML、DIV+CSS是构建静态网页的基础工具。XHTML(eXtensible Hypertext Markup Language)是HTML(HyperText Markup Language)与XML(Extensible Markup Language)的...

    div+css书写规范

    1. **文件命名规范**: - 全局样式:通常用`global.css`表示,包含通用的样式规则。 - 框架布局:`layout.css`用来定义页面的整体布局结构。 - 字体样式:`font.css`集中管理页面中的字体设置。 - 链接样式:`...

    div+css命名规则

    本文将详细介绍一系列常用的DIV+CSS命名规则及其应用场景,帮助开发者更好地理解和运用这些命名规范。 #### 页头(Header) - **含义**:页面顶部的区域,通常包含网站的logo、导航等元素。 - **示例代码**: ```...

    DIV+CSS命名规则.pdf

    命名规则是`DIV+CSS`中不可忽视的一部分,尤其在团队协作中,良好的命名规范可以提高工作效率,减少沟通成本。 首先,我们来看一下一些常见的`DIV`元素的命名: 1. **页头**:通常用`header`,例如`#header`或`....

    div+css命名规则-增强SEO.doc

    而良好的`div+css`命名规则对于提高网站的SEO(搜索引擎优化)至关重要,因为清晰、规范的命名可以帮助搜索引擎更好地理解网页内容,从而提高网页的排名。 1. **命名原则**: - **有意义**:名称应直观地反映出...

Global site tag (gtag.js) - Google Analytics