学习日记-Bootstrap HTML编码规范

来源：互联网发布：韦德职业生涯总数据编辑：程序博客网时间：2024/06/09 15:31

Bootstrap HTML编码规范

1.语言属性

<html lang="zh-CN">  <!-- ... --></html>

强烈建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定其翻译时所应遵守的规则等等。

2.IE 兼容模式

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

IE 支持通过特定的标签来确定绘制当前页面所应该采用的 IE 版本。除非有强烈的特殊需求，否则最好是设置为 edge mode，从而通知 IE 采用其所支持的最新的模式。

3.字符编码

<head>  <meta charset="UTF-8"></head>

通过明确声明字符编码，能够确保浏览器快速并容易的判断页面内容的渲染方式。这样做的好处是，可以避免在 HTML 中使用字符实体标记（character entity），从而全部与文档编码一致（一般采用 UTF-8 编码）。

4.引入 CSS 和 JavaScript 文件

根据 HTML5 规范，在引入 CSS 和 JavaScript 文件时一般不需要指定 type 属性，因为 text/css 和 text/javascript 分别是它们的默认值。

5.属性顺序

class
id, name
data-*
src, for, type, href
title, alt
aria-*, role

<a class="..." id="..." data-modal="toggle" href="#">  Example link</a><input class="form-control" type="text"><img src="..." alt="...">

6.布尔（boolean）型属性

布尔型属性可以在声明时不赋值。XHTML 规范要求为其赋值，但是 HTML5 规范不需要。元素的布尔型属性如果有值，就是 true，如果没有值，就是 false。

Bootstrap CSS编码规范

1.声明顺序

(1)定位（positioning） (2)盒模型(长宽高,盒子的位置) (3)其他
(2)不要使用 @import 例如: @import url(“more.css”);

2.避免非必要的嵌套。

3.class 命名

class 名称中只能出现小写字符和破折号（dashe）（不是下划线，也不是驼峰命名法）
例如，.btn 和 .btn-danger

阅读全文

0 0