学习twitter bootstrap

完全没有学过html的我，居然想要学bootstrap了，老实说，心里有点打鼓，不过我还是决定直接去学，有不懂的再去查。

结果打开一个例子代码，我去...里一大片东西, 完全不知道是干嘛的, 补补课先吧...

元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

看看例子里的:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

通过google:
第1行 这是为手机等移动设备指定的, 用于告诉浏览器, 宽度应该与设备的宽度一致, 初始缩放系数为1, 即不进行缩放.
第2行 这是网页的描述, 是给搜索引擎看的, 搜索引擎根据这个描述进行收录排名, 一般是网页内的关键字. (PS:看来想让网站排名先前, 这里是必做的工作啦)
第3行 这是告诉别人这个网页是谁做的.

简单的说, meta里的东西不是用来显示的, 只是给浏览器或一些爬虫程序看的.

接着往下看, 又不认识了...继续google...

标签定义文档与外部资源的关系。
例子里的代码:

<link rel="stylesheet" href="../assets/css/bootstrap-responsive.css">
<link rel="shortcut icon" href="../assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">

看定义应该就知道第1行是引进来一个样式表.
第2行靠猜应该也可以看出来, 这是添加个性图标, 这个图标会显示在标签页上.
后面几行, 通过google得知, 是针对apple的移动设备的, 它用于在将网页添加到主屏幕时, 显示的图片, 另外还有一个apple-touch-icon, 如果设置后者, 那么在添加到主屏幕时, 图片上会有一个透明层, 区别见下图:
  
左边为apple-touch-icon, 可以看到有一个用于"美观"的透明层, 右边为apple-touch-icon-precomposed.