CSSXTHML书写地要求规范以及常见问的题目地总结(页面最优化).docxVIP

项目文档目录 div+CSS命名规范 - 4 - Div+css命名规范 - 4 - 1.1. div+css命名规范 - 4 - 1.2. CSS的Id命名规范 - 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. 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 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/200806/17/8C162625950.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=say