<div>를 <header>, <nav>로 나타내기
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이 할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. |
<html>
<body>
<div id="header">
<h1>Navigational Links</h1>
<div id="nav">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#posts">Posts</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</body>
</html>
위에 디브로 써놓은 태그들을 헤더와 나브로 표현할 수 있다.
헤드와 나브로 표시하면 더 쉽게 읽을 수 있다.
<html>
<body>
<header>
<h1>Navigational Links</h1>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#posts">Posts</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
</body>
</html>
이런식으로 디브를 헤더와 나브, 메인이나 푸터등 굳이 디브를 사용하지 않아도
간소화할수 있다.
'Programing > HTML' 카테고리의 다른 글
| <div> 태그 (0) | 2020.10.29 |
|---|---|
| ㅋㅋㅋ전략(by 생활코딩) (0) | 2020.10.28 |
| 반응형 웹이란? (0) | 2020.10.28 |
| Semantic HTML (0) | 2020.10.28 |
| <!-- 블라블라--!> /html 주석 처리하는 방법 (0) | 2020.10.28 |
| W3C가 무슨 뜻이지? (0) | 2020.10.28 |
| URL이란? (0) | 2020.10.28 |
| HTML의 의미란/HTML 5 뜻 (2) | 2020.10.22 |
