앱)html5 기본 템플릿 basic structure
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>html5</title>
<link rel="stylesheet" type="text/css" href="css/style.css?v=1.0">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
</head>
<body>
<header>
<nav>
<ul>
<li></li>
<li></li>
</ul>
</nav>
<header>
<!--contents1-->
<section>
<article>
<header>
<h2></h2>
<p></p>
</header>
<p>
</article>
</section>
<aside>
<h2></h2>
<p>
</aside>
<footer>
<p>
</footer>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html>
https://www.webcodegeeks.com/html5/html5-page-structure-example/
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>html5</title>
<link rel="stylesheet" type="text/css" href="css/style.css?v=1.0">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
</head>
<body>
<header>
<nav>
<ul>
<li></li>
<li></li>
</ul>
</nav>
<header>
<!--contents1-->
<section>
<article>
<header>
<h2></h2>
<p></p>
</header>
<p>
</article>
</section>
<aside>
<h2></h2>
<p>
</aside>
<footer>
<p>
</footer>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html>
https://www.webcodegeeks.com/html5/html5-page-structure-example/
'프론트엔드 > 그래픽디자인_퍼블리싱' 카테고리의 다른 글
| 개발자와 디자이너 협업스터디 2일차 (0) | 2020.07.08 |
|---|---|
| 개발자와 디자이너 협업스터디 1일차 (0) | 2020.07.04 |
| 웹 표준 퍼블리싱 바이블 책 정리(3) (0) | 2018.06.04 |
| 웹 표준 퍼블리싱 바이블 책 정리(2) (0) | 2018.06.04 |
| 웹 표준 퍼블리싱 바이블 책 정리(1) (0) | 2018.06.04 |