티스토리 뷰

웹프로그래밍/html

전자정부프레임웍 뷰용 HTML 보일러플레이트

공허공자 2022. 1. 6. 09:34 
<!DOCTYPE HTML>
<html lang="ko">

<head>
  <title>HTML 5 Boilerplate</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">  
  <meta name="description" content="">
  <meta name="theme-color" content="#fafafa">

  <meta property="og:title" content="">
  <meta property="og:type" content="">
  <meta property="og:url" content="">
  <meta property="og:image" content="">

  <link rel="icon" href="/favicon.ico" sizes="any">
  <link rel="icon" href="/icon.svg" type="image/svg+xml">
  <link rel="apple-touch-icon" href="icon.png">
  <link rel="manifest" href="site.webmanifest">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
  <!-- Google web font -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@400;500;700;900&display=swap" rel="stylesheet">
  <style>
    body { font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif; }
    em, i { font-family: 'Nanum Myeongjo', serif; }    
  </style>
</head>

<body>
  <!-- Add your site or application content here -->  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
  	//
  </script>
</body>
</html>

 

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

'웹프로그래밍 > html' 카테고리의 다른 글

base 64 loading gif image  (0) 2015.12.10
웹페이지에 Legacy 브라우저 접근시 메세지와 Modern 설치 페이지 안내  (0) 2015.11.10
Responsive Web Design 이해하기  (0) 2013.05.14
The Protocol-relative URL (프로토콜에 따른 URL)  (0) 2013.03.05
응답형 이미지 관련 링크들  (0) 2013.01.23
공유하기 링크
댓글