我不知道是否真的有效果,但看到这篇文章的时候觉的有一点可以肯定。可以规范我们在HTML代码开发中的命名规范。文章提到的相应EN名称,其实在很多WEB开发中都会用到。对于采用DIV+CSS命名方式来进行布局处理的网站,下面的命名规范也是很必须的。
页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendLink
页脚:footer
版权:copyRight
1.CSS ID 的命名
外 套: 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.另外在编辑样式表时可用的注释可这样写:
<– Footer –>
内容区
<– End Footer –>
3.样式文件命名
主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
引用:http://l4ever.cn/archives/875
Google 标记:
SEO,
HTML代码命名规范
分享到:
相关推荐
在网页设计中,CSS(Cascading Style Sheets)命名规范是一个关键方面,它有助于提高代码的可读性、可维护性和团队协作效率。以下是一些常见的CSS命名规则和相关知识点: 1. **头部(Header)**:通常用`header`来...
### DIV+CSS命名规范 #### 一、概述 在网页设计与开发过程中,合理的命名规范对于提高代码可读性、可维护性和团队协作效率至关重要。本文档将详细阐述一套适用于初学者的`div+css`命名规则,帮助开发者建立起良好...
### DIV+CSS命名规范的重要性及对SEO的影响 在前端开发领域,DIV+CSS是一种非常重要的网页布局技术。其中,合理的命名规范不仅能够提高代码的可读性和可维护性,还能间接促进网站的搜索引擎优化(SEO)。本文将详细...
### DIV+CSS规范命名大全集合 #### CSS规范命名与实践指南 在网页设计与开发过程中,DIV+CSS的布局方式已经成为了业界的标准做法之一。合理的命名规则不仅能够提高代码的可读性和可维护性,还能有效提升团队协作...
SEO优化中的DIV+CSS命名规则,能减少DIV css,增加加载速度,更加有利于搜索的收录
CSS 命名规范和 CSS 书写规范 一、CSS 命名规范 CSS 命名规范是指在编写 CSS 代码时,遵守一定的命名规则,以便于代码的阅读、维护和重用。下面是一些常用的 CSS 命名规范: * 文件命名规范:global.css、layout....
在CSS开发中,保持良好的命名规范对于代码的可读性和维护性至关重要。以下是一些关于CSS命名规范的关键点,这些都是基于个人经验的总结: 1. **大小写规则**:推荐使用小写字母来编写CSS选择器,这符合CSS标准且...
总之,合理的CSS和DIV命名规范对于提高SEO效果至关重要。一套好的命名规范应该简洁、易读、具有描述性,并且符合网站的结构和内容。在遵循这些规则的同时,开发者还应该不断测试和改进,确保网站的性能和可访问性...
而良好的`div+css`命名规则对于提高网站的SEO(搜索引擎优化)至关重要,因为清晰、规范的命名可以帮助搜索引擎更好地理解网页内容,从而提高网页的排名。 1. **命名原则**: - **有意义**:名称应直观地反映出...
**一、CSS命名规范** 1. **有意义的命名**:避免使用无意义的ID或类名,如“div1”,“box”等。应采用描述性的名称,如“header”、“content”、“footer”等,这能帮助搜索引擎理解页面结构。 2. **简洁性**:...
在使用`DIV+CSS`时,良好的命名规范至关重要,因为它能帮助开发者更好地理解代码结构,提高开发效率,同时也有利于团队协作和后期维护。 首先,`DIV`是HTML中的一个无语义的块级元素,常用于创建页面布局。在`CSS`...
以下是对标题和描述中涉及的`DIV+CSS`命名规范的详细说明: 1. **命名原则**: - `ID`通常用于唯一标识页面上的特定元素,比如`#header`代表页面头部,而`class`可以用于多个元素,如`.menu`可能应用于多个菜单项...
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
【CSS样式命名规范】在网页设计中,CSS(层叠样式表)的使用极大地提高了页面的可维护性和可扩展性。良好的CSS命名规范是保证代码可读性、可维护性的关键,也是团队协作中必不可少的一环。以下是关于CSS命名的一些...
### DIV+CSS命名规范对SEO的影响 1. **语义化命名**:采用语义化的命名方式,如使用`header`、`footer`、`nav`等标签,不仅提高了代码的可读性,也有助于搜索引擎理解页面结构,从而提升SEO效果。 2. **结构清晰**...