본문 바로가기
HTML

HTML08. CONTAINER

by Y25N 2023. 2. 7.
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