CSS页面的各DIV CLASS命名
页头:header
登录条: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
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
样式文件命名
主要的:master.css
布局版面:layout.css
专栏:columns.css
文字:font.css
打印样式:print.css
主题:themes.css
尽量用要实现的页面功能对应的英文或者拼音进行命名
分享到:
相关推荐
在网页设计与开发过程中,DIV+CSS的布局方式已经成为了业界的标准做法之一。合理的命名规则不仅能够提高代码的可读性和可维护性,还能有效提升团队协作效率。本文将详细介绍关于DIV+CSS规范命名的一系列知识点。 ##...
SEO优化中的DIV+CSS命名规则,能减少DIV css,增加加载速度,更加有利于搜索的收录
`localIdentName`选项用于自定义CSS模块的本地标识符命名规则。 当这个加载器处理CSS文件时,它会生成一个.d.ts文件,其中包含了CSS类名的类型定义。这些类型定义可以被导入到你的JavaScript或TypeScript文件中,...
网页设计中的DIV+CSS命名规则是构建高效、可维护性和SEO友好的网站界面的重要组成部分。在Web 2.0标准中,使用DIV+CSS技术能够提高网页的结构化程度,利于搜索引擎优化,使得网站更容易被搜索引擎抓取和理解。下面...
### DIV+CSS命名规则 在前端开发中,良好的命名规则对于提高代码可读性、维护性和团队协作至关重要。本文将详细介绍一系列常用的DIV+CSS命名规则及其应用场景,帮助开发者更好地理解和运用这些命名规范。 #### 页...
在提供的压缩包中,`div+css命名标准.txt` 文件很可能包含了关于这些命名规范的详细说明,值得仔细阅读和学习。而`div+css.pdf` 可能是一本关于`div+css`入门的电子书,涵盖了基础概念、布局技巧、命名规则等内容,...
而良好的`div+css`命名规则对于提高网站的SEO(搜索引擎优化)至关重要,因为清晰、规范的命名可以帮助搜索引擎更好地理解网页内容,从而提高网页的排名。 1. **命名原则**: - **有意义**:名称应直观地反映出...
2. **CSS命名规则**:良好的CSS命名规则有助于代码的可读性和团队协作。通常遵循的原则包括: - 使用有意义的英文单词或缩写,如`logo`代表标志,`status`代表状态。 - 避免使用ID选择器,更多地使用类选择器,...
### 有利于SEO的DIV+CSS的命名规则 在当今互联网时代,搜索引擎优化(SEO)对于网站来说至关重要。良好的SEO能够帮助提高网站在搜索引擎中的排名,从而吸引更多的流量。其中一个重要的方面就是网页代码的优化,尤其...
下面将详细介绍SEO优化中的div+css命名规则及其对搜索引擎友好性的影响。 首先,理解div+css的基本概念。Div是HTML中的一个通用容器元素,用于组合其他HTML元素,而CSS则用于控制页面的样式和布局。在SEO角度,使用...
特别是对于CSS样式,良好的命名规则不仅可以使代码更易读、易维护,还能间接帮助搜索引擎更好地理解和索引网页内容。以下是一些常见的CSS样式命名规则,适用于SEO优化: 1. **ID和类名的命名**: - 页头:`header`...
网页设计过程中div+css命名规则.txt
在本篇超详细CSS语义化命名规则中,我们将重点讨论命名规则以及一些总结和扩展。 首先,我们要了解CSS命名的基本原则。一个良好的CSS命名应该简洁、直观,并且能够清晰地表达出对应HTML元素的功能或内容。避免使用...
以下是一些常见的`Div+CSS`命名规则: 1. **Class的命名**: - `header`:代表页面的头部区域。 - `loginBar`:标识登录表单或区域。 - `logo`:用于放置网站标志的元素。 - `sideBar`:表示侧边栏。 - `...
### DIV+CSS命名规范 #### 一、概述 在网页设计与开发过程中,合理的命名规范对于提高代码可读性、可维护性和团队协作效率至关重要。本文档将详细阐述一套适用于初学者的`div+css`命名规则,帮助开发者建立起良好...
以下是一些关于DIVCSS命名规则的关键知识点: 1. **Class命名**: - **Page结构**:header表示页头,loginBar代表登录条,logo用于标志,sideBar指侧栏,banner代表广告。 - **导航**:nav是主导航,subNav是子...
DIV+CSS 命名规则是网页制作中的一种规范命名方式,可以改善优化功效特别是在团队合作时候可以提供合作制作效率。本文将对 DIV+CSS 命名规则进行详细的讲解,包括页眉、登录条、标志、侧栏、广告、导航、子导航、...