Div는 HTML 문서의 분할로 정의된 태그입니다. 주로 블록 요소를 그룹화하는 데 사용됩니다. Html 페이지에서 사용할 때마다 CSS 스타일 시트에 사용됩니다. 섹션은 태그이기도 합니다. 이는 Html 문서의 모든 세그먼트를 설명합니다. 즉, html에서 웹 페이지에는 섹션이라고 불리는 머리글, 바닥글 등이 있습니다. 각각의 모든 기능이 이와 함께 제공됩니다. 섹션의 본문 중 하나가 챕터 섹션과 함께 제공됩니다.
아래는 HTML 섹션과 Div의 상위 6가지 비교입니다:
다음 사항에서 HTML 섹션과 Div의 주요 차이점을 살펴보겠습니다.
아래 표에는 HTML 섹션과 Div의 비교가 요약되어 있습니다:
| Html Section Tag | Html Div Tag |
| The tag defines a section of documents like chapters, headers, footers and body sections. | The tag defines a separate division or sections of the documents. |
tag is use for html5 version. |
|
| It is not a generic container and global attributes. | It is a generic container. |
| When creating a section in html 5 version, the id should be a unique one, and the class should use it multiple times when it is needed. | When div tag, place any html elements within the tag and cannot use for inside the tag because the paragraph tag will be broken at any point in time. |
| Here CSS is not necessary hence it is a structural element used to group together related elements. If. we want to use CSS styles in sections IE 9 browser and some other browsers supported previous IE versions not supported. | Applying CSS styles inside the div tag uses tag, which is used for within inline elements. All browsers will be supported hence no compatibility issue. |
| Section tag containing article elements in html | Div tag contains all the elements where the tag should not force to do it. |
내부에는 사용할 수 없습니다. 태그는 단락 태그가 언제든지 깨질 수 있기 때문입니다.
태그를 강제로 수행해서는 안 됩니다.
Di bawah ialah contoh Tag Bahagian dan Tag Div:
Kod:
<html> <body> <section> <h1>Sample</h1> <p>WelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcome</p> </section> <section> <h1>First</h1> <p>WelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomain</p> </section> </body> </html>
Output:
Contoh di atas adalah asas untuk tag untuk memaparkan data dalam format perenggan. Kod: Output: Contoh di atas adalah untuk teg div dengan beberapa gaya CSS seperti warna latar belakang dan dengan satu teg tambahan seperti ,di sini teg digunakan untuk Kod: Output: Contoh di atas sama seperti Contoh #2 – Tag Div
<html>
<body>
<p>Sample.</p>
<div style="background-color:Green">
<h3>Welcome To My Domain</h3>
<p>Welcome To My Domain</p>
</div>
</body>
</html>
Contoh #3 – Teg Div
<html>
<head>
<style>
#s{
width:10px;
background: #green;
height:40px;
}
.s1{
width:90px;
font: 60.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
</style>
</head>
<body>
<marquee><p>Sample.</p></marquee>
<div id="s">
<div class="s1">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">AboutUs</a></li>
<li><a href="#">ContactUs</a></li>
</ul>
</div><!--closing div class for "menu"-->
</div><!--closing div for "container"-->
</body>
</html>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
