HTML5规范~
2015-10-29 14:45
441 查看
http://codeguide.bootcss.com/
规范的唯一判定方式是:保证正确性的同时,让人一看就是一个人写的~一致性。
HTML5:
展开说几点:
1. HTML5 DOCTYPE
为每个 HTML 页面的第一行添加标准模式(standard mode)的声明,这样能够确保在每个浏览器中拥有一致的展现。
2. 语言属性
强烈建议为 html 根元素指定 lang 属性,从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音,有助于翻译工具确定其翻译时所应遵守的规则等等。
/* Bad example */
span { ... }
.page-container #stream .stream-item .tweet .tweet-header .username { ... }
.avatar { ... }
/* Good example */
.avatar { ... }
.tweet-header .username { ... }
.tweet .avatar { ... }View Code
10. 代码组织
以组件为单位组织代码段。
制定一致的注释规范。
使用一致的空白符将代码分隔成块,这样利于扫描较大的文档。
如果使用了多个 CSS 文件,将其按照组件而非页面的形式分拆,因为页面会被重组,而组件只会被移动。
规范的唯一判定方式是:保证正确性的同时,让人一看就是一个人写的~一致性。
HTML5:
展开说几点:
1. HTML5 DOCTYPE
<!DOCTYPE html>
为每个 HTML 页面的第一行添加标准模式(standard mode)的声明,这样能够确保在每个浏览器中拥有一致的展现。
2. 语言属性
强烈建议为 html 根元素指定 lang 属性,从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音,有助于翻译工具确定其翻译时所应遵守的规则等等。
/* Bad example */
span { ... }
.page-container #stream .stream-item .tweet .tweet-header .username { ... }
.avatar { ... }
/* Good example */
.avatar { ... }
.tweet-header .username { ... }
.tweet .avatar { ... }View Code
10. 代码组织
以组件为单位组织代码段。
制定一致的注释规范。
使用一致的空白符将代码分隔成块,这样利于扫描较大的文档。
如果使用了多个 CSS 文件,将其按照组件而非页面的形式分拆,因为页面会被重组,而组件只会被移动。
相关文章推荐
- html5+css3
- Html5 本地存储
- HTML5鼠标hover的时候图片放大的效果展示
- cordys HTML5 SSO 开发注意点
- 图片翻转
- HTML5 ajax上传附件
- 移动前端头部标签(HTML5 head meta)
- HTML5文件上传FileReader API
- win10 Build 10565中Edge浏览器新增对HTML5视频的播放控制及下载
- 基于百度地图的HTML5地理位置定位实例
- HTML5画矩形
- HTML5 中的可缩放矢量图形(SVG)
- 常见的2种HTML5错误语法
- HTML5 drag & drop 拖拽与拖放简介
- HTML5 placeholder在低版本浏览器的解决方法
- 使用HTML5中postMessage知识点解决Ajax中POST跨域问题
- 基于HTML5 Canvas的刮奖(刮刮卡)小控件(Scratch card based on HTML5 Canvas)
- html5 canvas标签
- 盒子模型
- html5笔记