728x90
1. 의미가 없는 컨테이너 요소
-태그 자체에 아무 의미가 없으며, 단순히 요소들을 묶기 위해 사용되는 태그
-스타일을 주거나 서버에 보내는 데이터를 담기 위한 용도로 사용됨
-의미 없는 태그의 사용 빈도는 매우 높음
-html 태그들은 문서를 웹에 나타내기 위해 제작되어 기본적으로 문서에 최적화되어 있다는 의미를 가짐 -> 현재 웹의 형태는 문서 형태에서 많이 벗어났기 때문
-HTML 버전이 업그레이드 되면서 웹에 알맞은 태그들이 생김. -> 대표적으로 많이 쓰이는 의미 없는 태그 = <div>,<span>
2. <div>,<span>
-div(division) 태그는 블록 레벨 태그
-블록 레벨 요소 = 기본적으로 한 줄을 생성해 내용을 표현
-ex) p태그
-span태그 = 인라인 레벨 태그
- 인라인 레벨 요소들은 블록 레벨 요소의 한 줄 안에서 표현되는 요소
-ex) b,i,u,s 태그
-div, span은 아무 의미가 없기 때문에 실제 브라우저도 별다른 스타일을 적용하지 않고 그대로 출력
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<span>div, span tag</span> 의미 없는 태그
</div>
</body>
</html>
'HTML' 카테고리의 다른 글
HTML10. IMG TAG (0) | 2023.02.07 |
---|---|
HTML09. LIST (0) | 2023.02.07 |
HTML07. a tag (0) | 2023.02.07 |
HTML06. TEXT TAG (0) | 2023.02.07 |
HTML05. TITLE & PARAGRAPH (0) | 2023.02.07 |