HTML

[HTML] semantic

효땡 2024. 5. 31. 15:31

Semantic elements : 의미를 부여한 태그


* <article>

주로 내용이 있는 부분을 지정하는 경우에 사용된다.

내용이 없는 부분은 사용하지 않는다.

 

* <aside>

header, main, footer가 아닌 영역을 지정할 때 사용한다.

 

* <details>

 

* <figcaption>

부모 <figure> 요소가 포함되는 다른 콘텐츠에 대한 설명을 나타낸다.

 

* <figure>

 

* <footer>

 

* <header>

 

* <main>

 

* <mark>

 

* <nav>

링크로 구성되어 있는 섹션을 의미한다.

 

* <section>

일련번호로 구성된 제목을 지정하는 경우에 사용한다.

<article>, <nav>, <aside>로 나눌 수 있다.

 

* <summary>

 

* <time>


<figure>
    <img src="../images/b_frodo.png">
    <figcaption>프로도</figcaption>
</figure>