HTML : 시맨틱 웹(Semantic Web) - <aside>


<aside>
- 문서의 주 내용과 직접적인 연관은 없지만 간접적으로 연관이 있을 때 사용한다.
- 영어의 단어 뜻이나 블로그 류의 추가적인 콘텐츠(광고 등)를 나타날 때 사용한다.
- <nav>와는 성격이 다르다.
- <aside>는 부가적인 내용이지만 굳이 없더라도 문제가 되지 않는다.
예제
Salamanders are a group of amphibians with a lizard-like appearance, including short legs and a tail in both larval and adult forms.
Several species of salamander inhabit the temperate rainforest of the Pacific Northwest, including the Ensatina, the Northwestern Salamander and the Rough-skinned Newt. Most salamanders are nocturnal, and hunt for insects, worms and other small creatures.
<style>
aside {
width: 40%;
padding-left: .5rem;
margin-left: .5rem;
float: right;
box-shadow: inset 5px 0 5px -5px #29627e;
font-style: italic;
color: #29627e;
}
aside > p {
margin: .5rem;
}
p {
font-family: 'Fira Sans', sans-serif;
}
</style>
<p>Salamanders are a group of amphibians with a lizard-like appearance, including short legs and a tail in both larval and adult forms.</p>
<aside>
<p>The Rough-skinned Newt defends itself with a deadly neurotoxin.</p>
</aside>
<p>Several species of salamander inhabit the temperate rainforest of the Pacific Northwest, including the Ensatina, the Northwestern Salamander and the Rough-skinned Newt. Most salamanders are nocturnal, and hunt for insects, worms and other small creatures.</p>
기술 요약
콘텐츠 카테고리 : 플로우 콘텐츠, 구획 콘텐츠
가능한 콘텐츠 : 플로우 콘텐츠
태그 생략 : 종료 태그 생략 불가
가능한 상위 요소 : 플로우 콘텐츠를 허용하는 모든 요소 <aside> 요소는 <address>의 하위 요소가 될 수 없다
HTML : 콘텐츠 카테고리 (Contents Category)
HTML : 콘텐츠 카테고리 (Contents Category) 콘텐츠 카테고리 (Contents Category) HTML5부터 비슷한 특징을 가진 요소끼리 묶어서 7가지 카테고리로 세분화를 했다. 하나의 HTML요소가 여러 콘텐츠 카테고.
sol-reshur.tistory.com
HTML : 시맨틱 웹(Semantic Web)
HTML : 시맨틱 웹(Semantic Web) 시맨틱 웹 이란? (Semantic Web) Semantic : 의미의, 의미론적인 요소의 의미를 고려하여, 구조를 설계하고 코드를 작성하는 것을 말한다. 시맨틱 웹을 사용하면 이로운 점.
sol-reshur.tistory.com
'STUDY > HTML' 카테고리의 다른 글
| HTML : 시맨틱 웹(Semantic Web) - <section> (0) | 2022.06.10 |
|---|---|
| HTML : 시맨틱 웹(Semantic Web) - <article> (0) | 2022.05.31 |
| HTML : 시맨틱 웹(Semantic Web) - <nav> (0) | 2022.05.31 |
| HTML : 시맨틱 웹(Semantic Web) - <footer> (0) | 2022.05.31 |
| HTML : 시맨틱 웹(Semantic Web) - <header> (0) | 2022.05.27 |