继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Bootstrap | 基本的html模板细节注释

_teaaa
关注TA
已关注
手记 1
粉丝 6
获赞 10
<!DOCTYPE html>
<html lang="en">
  <head>
    <!--字体设置-->
    <meta charset="utf-8"> 
    <!--不支持IE的兼容模式,在IE浏览器中运行最新的渲染模式-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--初始化移动浏览显示,控制视口(viewport)的大小(width)和缩放值(initial-scale)-->
    <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
      以上三个标签必须放在head标签部分的最靠前部分,其他任何head内容必须在它们之后 -->
    <title>Bootstrap 101 Template</title>

    <!-- 在head标签里引入css文件 -->
    <!-- 引入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:// -->
    <!-- 浏览器版本若低于IE9,则引入html5和媒体查询 -->
    <!--[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>

    <!-- 在body标签内容最后引入JS文件 -->
    <!-- 引入jquery和Bootstrap核心js文件,Bootstrap基于Jquery,Jquery必须在前面 -->
    <!-- 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>
打开App,阅读手记
4人推荐
发表评论
随时随地看视频慕课网APP