CSSXTHML书写标准规范以及常见问题总结面最优化.docVIP

项目文档目录 div+CSS命名规范 - 4 - Div+css命名规范 - 4 - 1.1. div+css命名规范 - 4 - 1.2. CSSId命名规范 - 4 - 1.3. css样式文件命名 - 5 - XHTML编码基础规范 - 6 - XHTML编码基础规范 - 6 - 推荐网页制作规范 - 10 - 推荐网页制作规范 - 10 - Css常见优化技巧 - 11 - Css浏览器兼容性问题总结 - 20 - JavaScript浏览器兼容性总结 - 30 - XHTML标准DIV+CSS布局对于网站SEO影响 - 35 - div+CSS命名规范 Div+css命名规范 Css命名是区分大小写，提议全部使用小写。下面总结一下最好命名准则，好命名不仅有利于维护人员阅读对搜索搜索引擎优化(seo)有很大好处。其中对代码优化是一个很关键步骤。为了愈加符合SEO规范，下面是现在流行CSS+DIV命名规则，并做了些补充： 1.1. div+css命名规范 页头: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产品管理 1.2. 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 1.3. css样式文件命名 关键:master.css 布局版面:layout.css 专栏:columns.css 文字:font.css 打印样式:print.css 专题:themes.css 通用：basic.css 上面命名规范很直观，即使程序人员不添加注释，我们也会很清楚知道是什么意思。上面命名几乎涵盖了全部常常使用到样式。 XHTML编码基础规范 XHTML编码基础规范 2.1 全部标识全部必需要有一个对应结束标识 　XHTML要求有严谨结构，全部标签必需关闭。假如是单独不成正确标签，在标签最终加一 个/来关闭它。比如： 　img height=80 alt=网页设计师 src=/uploadfile/ 06/17/8C.gif width=200 / 2.2 全部标签元素和属性名字全部必需使用小写 　　和HTML不一样，XHTML对大小写是敏感，title和TITLE是不一样标签。XHTML要求全部标签和属性名字全部必需使用小写。比如：BODY必需写成body 。大小写夹杂也是不被认可。 2.3 全部XHTML标识全部必需合理嵌套 　　一样因为XHTML要求有严谨结构，所以全部嵌套全部必需按次序，以前我们这么写代码： 　　pb/p/b必需修改为：pb/b/p 　　就是说，一层一层嵌套必需是严格对称。 2.4 全部属性必需用引号括起来 在HTML中，你能够不需要给属性值加引号，不过在XHTML中，它们必需被加引号。比如： 　　height=80必需修改为：height=80 　　特殊情况，你需要在属性值里使用双引号，你能够用，单引号能够使用apos;，比如： 　　alt=sayapos;helloapos; 2.5 把全部和特殊符号用编码表示 任何小于号（）