[HTML 태그] 의미가 없는 컨테이너 요소
2022. 12. 7. 13:36
태그 자체에 아무 의미가 없으며, 단순히 요소들을 묶기 위해 사용되는 태그이다.
스타일을 주거나 서버에 보내는 데이터를 담기 위한 용도로 이런 의미없는 요소들이 사용된다.
이런 의미없는 태그들이 오히려 더 많이 사용된다.
그 이유는 html 태그들은 문서를 웹에 나타내기 위해 제작되어 기본적으로 문서에 최적화되어있는 의미를 가지는데
현재 웹의 형태는 문서 형태에서 많이 벗어났기 때문이다.
<div> 태그와 <span> 태그
가장 대표적으로 많이 쓰이는 의미없는 태그들이다.
div(division) 태그는 블록 레벨 태그이다.
블록 레벨 요소는 기본적으로 한 줄을 생성해서 내용을 표현한다.
span 태그는 인라인 레벨 태그이다.
인라인 레벨 요소는 블록 레벨 요소의 한 줄 안에서 표현되는 요소이다.
이전에 사용한 <p> 태그는 블록 레벨 태그이며, <i>, <u>, <s>, <b>는 모두 인라인 레벨 태그이다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>div span</title>
</head>
<body>
<div>
<span>Lorem</span> ipsum dolor sit.
</div>
</body>
</html>
<div>, <span>는 모두 아무 의미가 없으므로, 브라우저 화면에서 별다른 스타일을 적용하지 않는다.
부스트코스의 강의 내용을 정리한 포스트입니다.
https://www.boostcourse.org/cs120
비전공자를 위한 HTML/CSS
부스트코스 무료 강의
www.boostcourse.org
'공부 > HTML과 CSS' 카테고리의 다른 글
| [HTML 태그] 이미지 요소 (0) | 2022.12.07 |
|---|---|
| [HTML 태그] 리스트 요소 (0) | 2022.12.07 |
| [HTML 태그] 앵커 요소 (0) | 2022.12.07 |
| [HTML 태그] 텍스트를 꾸며주는 요소 (0) | 2022.12.07 |
| [HTML 태그] 제목과 단락요소 (0) | 2022.12.07 |
