코드잇 스프린트 4기
2주 차 위클리 페이퍼
시맨틱 태그(Semantic Tag)
역할이나 위치에 따라 의미를 부여한 태그이다.
시맨틱 태그가 적용되지 않은 상태
<body>
<div class="header"></div>
<div class="nav"></div>
<div class="aside"></div>
<div class="main">
<div class="section">
<div class="article"></div>
<div class="article"></div>
</div>
<div class="article"></div>
</div>
<div class="footer"></div>
</body>
시맨틱 태그가 적용된 상태
<body>
<header></header>
<nav></nav>
<aside></aside>
<main>
<section>
<article></article>
<article></article>
</section>
<article></article>
</main>
<footer></footer>
</body>
장점
· SEO(Search Engine Optimization)
· 웹 접근성 향상
· 유지보수 용이
감사합니다.
'코드잇 스프린트 4기 > 위클리 페이퍼' 카테고리의 다른 글
| [JavaScript] 얕은 복사, 깊은 복사 (0) | 2024.01.20 |
|---|---|
| [Git] Git-flow (0) | 2024.01.12 |
| [Git] 머지(merge) (0) | 2024.01.12 |
| [CSS] 포지션(Position) (0) | 2024.01.07 |
| [CSS] 캐스케이딩(Cascading) (1) | 2023.12.31 |
댓글