[기본형] HTML (with 부트스트랩4.0 , jquery 3.2.1, vue.js)
#기본형 #default #bootstrap3
<!doctype html> <html lang=”ko” > <head> <title></title> <meta charset=”utf-8”> <meta http-equiv=”Content-Script-Type” content=”text/javascript”> <meta http-equiv=”Content-Style-Type” content=”text/css”> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8” /> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- jquery 관련 -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous"></script>
<!-- 부트스트랩 4 : IE8지원안됨! -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" crossorigin="anonymous"></script>
<!-- vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- meta og -->
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta name="og:image" content="http://www.mins01.com/img/logo.gif">
<meta property="og:image:width" content="190">
<meta property="og:image:height" content="70" />
<meta property="og:site_name" content="" />
<meta property="og:type" content="website">
<!-- //meta og -->
</head> <body> <div class=”container”> </div> </body> </html>