1. 장고 웹사이트 제작을 위한 기본 base.html 템플릿
{% load static %}
<!doctype html>
<html lang="ko">
<head>
<!-- Required Meta Tags: Site Responsive -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Site Description Meta Tags -->
<meta name="title" content="">
<meta name="description" content="">
<meta name="keyword" content="">
<!-- Open Graph Meta Tags -->
<meta property="og:type" content="website">
<meta property="og:image" content="">
<meta property="og:title" content="">
<meta property="og:url" content="">
<meta property="og:description" content="">
<!-- Preferred URL -->
<link rel="canonical" href="">
<!-- CSS: Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!-- CSS: Custom -->
<link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}">
<!-- JS: Bootstrap 5 -->
<script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<!-- Google AdSense -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- Adding Site to Naver -->
<!-- Favicon -->
<link rel="shortcut icon" href="{% static 'img/favicon.ico' %}" type="image/x-icon" sizes="any">
<link rel="icon" href="{% static 'img/favicon.ico' %}" type="image/x-icon" sizes="any">
<!-- Title -->
<title></title>
</head>
<body class="d-flex flex-column min-vh-100">
{% include 'navbar.html' %}
{% block content %} {% endblock content %}
{% include 'footer.html' %}
</body>
</html>
▶ 장고의 기본 base.html 템플릿입니다.
- 반응형 설정 태그가 포함돼 있습니다.
- 웹사이트 설명 태그가 포함돼 있습니다.
- 오픈그래프 메타 태그가 포함돼 있습니다.
- 선호 URL 지정 태그가 포함돼 있습니다.
- Bootstrap5의 CSS & JavaScript CDN이 포함돼 있습니다.
- main.css 링크가 포함돼 있습니다.
- 구글 애드센스 섹션과 구글 애널리틱스 섹션이 구분돼 있습니다.
- 네이버 서치어드바이저를 위한 섹션이 구분돼 있습니다.
- 파비콘 링크가 포함돼 있습니다.
- 웹사이트 제목 태그가 포함돼 있습니다.
- navbar.html과 footer.html 파일이 연결돼 있습니다.
'HTML & CSS > HTML' 카테고리의 다른 글
| [HTML] 헷갈리는 태그들 정리 (0) | 2021.08.20 |
|---|---|
| [HTML] footer.html : 기본 템플릿 snippet (0) | 2021.07.25 |
| [HTML] 파일 경로 File Paths (0) | 2021.07.25 |