初学Bootstrap
来源:互联网 发布:日式收纳知乎 编辑:程序博客网 时间:2024/05/07 14:03
前端之路越走越迷茫,并不知道自己适不适合学习前端。在自己不知道做什么的时候,那就从手头的事情做起吧。先学习前端比较简单的框架Bootstrap。下面记下Bootstrap3.1.0的学习过程。先简单说下这个html主页的各行代码解释。
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <h1>Hello, world!</h1> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body></html><!DOCTYPE html>此声明必须是HTML的第一行,位于<html>标签的前面;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令
lang="en"这个用来指定此标签之内的语言种类,lang=“en”是英语(English),lang="zh"是中文(zhongwen),不分大小写
charset="utf-8"用来定义字符编码,这里是UTF-8-unicode字符编码
http-equiv="X-UA-Compatible" content="IE=edge"告诉IE以最新的引擎渲染页面,大概是这个意思吧
<meta name="viewport" content="width=device-width, initial-scale=1">width是viewport的宽度,initial-scale是页面的初始缩放比例为1,这个在移动端显示的时候会缩放比较好
<!--[if lt IE 9]>这里是条件注释判断,其他浏览器会忽略注释,而IE浏览器会解释他。意思是IE9以下的IE浏览器下面的script会生效
阅读全文
0 0
- 初学Bootstrap
- 初学bootstrap
- Bootstrap初学
- 初学Bootstrap
- bootstrap 初学 1
- bootstrap 初学习
- Bootstrap 初学 实例
- 初学Angular+webpack+bootstrap
- Bootstrap初学基础总结
- 初学Bootstrap 精华笔记
- bootstrap初学笔记
- 初学BootStrap的一些感悟
- Bootstrap响应式框架初学准备工作
- bootstrap的初学之路—one day
- 个人初学bootstrap并搭建后台界面代码
- Bootstrap
- BootStrap
- Bootstrap
- ubuntu16.04LTS备忘录
- [模板]-AC自动机
- OPENCA源代码阅读
- JavaEE之Servlet
- bzoj 2002 [Hnoi2010]Bounce 弹飞绵羊 LCT
- 初学Bootstrap
- Tomcat的安装配置
- 2017.8.26 noip模拟赛 总结
- 操作系统填空题
- python weakref模块
- 常见的http请求头和响应头
- WINPCAP源码阅读
- bzoj1022 [SHOI2008]小约翰的游戏John
- Python学习之延时回调普通函数详解