고정 헤더 영역
상세 컨텐츠
본문
웹표준 사이트 기본 세팅값
head 세팅 기본 설정을 정리해봅니다.
#html기초세팅 #head영역정리
<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
<meta name="author" content="MOMO IT">
<meta name="description" content="웹 표준을 준수한 사이트 예제입니다.">
<meta name="keywords" content="naynara, 웹표준, 웹접근성, 사이트 만들기">
<title>MOMO 사이트만들기</title>
<meta property="og:url" content="https://naynara.tistory.com/">
<meta property="og:site_name" content="MOMO SITE">
<meta property="og:type" content="website">
<!-- favicon -->
<link rel="icon" href="favicon-16.png" sizes="16x16">
<link rel="icon" href="favicon-32.png" sizes="32x32">
<link rel="icon" href="favicon-48.png" sizes="48x48">
<link rel="icon" href="favicon-64.png" sizes="64x64">
<link rel="icon" href="favicon-128.png" sizes="128x128">
<!-- css 인클루드 -->
<link type="text/css" rel="stylesheet" href="./assets/css/main.css">
<link type="text/css" rel="stylesheet" href="./assets/css/reset.css">
<!-- js -->
<script src="./assets/js/module/layout/quick_view.js"></script>
<!-- fontawesome 라이브러리 -->
<script src="https://kit.fontawesome.com/b8141977f4.js" crossorigin="anonymous"></script>
<!-- 웹 폰트 -->
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nanum+Brush+Script" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Abel&display=swap" rel="stylesheet">
</head>
<body>
</body>
</html>
사이트 기본폴더 정리
#html폴더정리
assets 안에는
css/font/images/js를 구분해서 넣어줍니다.
반응형
'퍼블리싱' 카테고리의 다른 글
| html - Flexbox 정렬 alignItems center시 내부 박스 크기가 커서 상단단 짤림 => 해결 방법 (0) | 2022.01.12 |
|---|---|
| table태그에서 말줄임 사용하기 (0) | 2021.09.03 |
| 슬라이드 쇼 라이브러리 (0) | 2020.08.07 |
