码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap入门

时间:2016-06-29 16:03:06      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:html规范 bootstrap

HTML的语法:

  • 对于属性的定义,确保全部使用双引号,绝不要使用单引号;

  • 不要再自闭合(self-closing)元素的尾部添加斜线;

  • 不要省略可选的结束标签(closing tag).

语言属性:

    根据html5规范:强烈建议为html根元素指定lang属性,从而为文档设置正确的语言。

    这将有助于语音合成工具确定其所应该采用的发音,有助于翻译工具确定其翻译时所应遵循的规则等。

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

IE兼容模式:

    IE通过指定的<meta>标签来确定绘制当前页面所采用的IE版本。

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

字符编码:

    通过声明字符编码,能够确保浏览器快速病容易的判断页面内容的渲染方式。

    避免在HTML中使用字符实体标记(character entity),从而全部与编码格式一致(一般采用UTF-8编码)。

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

引入CSS与JavaScript文件:

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

<!-- External CSS -->
<link rel="stylesheet" href="code-guide.css">
   <!-- In-document CSS -->
   
<style>
 /* ... */
</style>

<!-- JavaScript -->
<script src="code-guide.js">

</script>

属性顺序:

确保代码的易读性:

  • class

  • id,name

  • data-*

  • src,for,type,href

  • title,alt

  • aria-*,role

    class 用于标识高度可复用组件,因此应该排在首位。

布尔型属性:

布尔型属性可以在声明时不赋值。XHTML规范要求为其赋值,H5规范不要求。

元素的布尔型属性如果有值,就是true,如果没有值,就是false。

<input type="text" disabled>

<input type="checkbox" value="1" checked>

<select>
  <option value="1" selected>1</option>
</select>

减少标签的数量:编写html代码时,尽量避免多余的父元素。

本文出自 “Keepuping” 博客,转载请与作者联系!

Bootstrap入门

标签:html规范 bootstrap

原文地址:http://kaolaa.blog.51cto.com/11786905/1794143

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!