HTML セクションとディビジョン-htmlチュートリアル-php.cn

Div は、HTML ドキュメントの分割として定義されるタグです。主にブロック要素をグループ化するために使用されます。 HTML ページで使用するときは常に、CSS スタイルシートに使用されます。このセクションはタグでもあります。これは、HTML ドキュメントの各セグメントを記述します。つまり、HTML では、Web ページにはセクションと呼ばれるヘッダー、フッターなどが含まれます。あらゆる機能がこれに付属します。セクションの本文のいずれかには、章セクションが付属します。

HTML セクションと Div の直接比較 (インフォグラフィックス)

以下は、HTML セクションと Div の上位 6 つの比較です:

HTML セクションとディビジョン

HTML セクションと Div の主な違い

次の点で、HTML セクションと Div の主な違いについて説明します。

すべての概念には、利点と相違点があります。なぜなら、1 つの概念が優れているというよりも、多少なりとも優れているからです。
このセクションは、いくつかの汎用ドキュメントまたは HTML ドキュメントを表します。 div も汎用フローコンテナーです。スタイルの目的がユーザーの要件に必要な場合、またはスクリプト (フロントエンドコード) をその時点で変更する必要がある場合にセクション要素が必要な場合は、div タグの代わりにセクションタグが使用されます。
セクションタグは、データベースに個々のバイナリレコードを保存するために使用されるコンテンツの BLOB に使用されます。 div タグは通常、ブロックレベルの型に使用されるため、blob 型のような追加機能のない要素です。
div タグは通常、分割タイプまたはセクションタイプを定義する空のコンテナです。開発者がフロントエンドコードやヘッダー、フッターなどの形式を記述しても、水平方向と垂直方向のレイアウトの変更でも内容には影響しません。ただし、Section では、各セクションの種類を識別し、
のような見出しを付けて含める必要があります。
へ
の子ノードとして要素。
の代わりに要素のコンテンツをシンジケートするために個別に作成されるセクション要素。タグ要素。 <ナビ>ナビゲーションメニューに使用されるタグ要素は、検索結果のリストであり、それを特定の要素にマップします。また、
内に配置されます。タグ。このセクションにはグローバル属性も含まれます。

html5 セクションには、フローコンテンツ、セクション化コンテンツ、および触覚コンテンツなどのいくつかのカテゴリがあります。以前のバージョンと同様に、ルールは一般的な

であることも同様です。 tag 要素は、他の要素の内容が明示的にリストされる場合にのみ適切です。

には Div が使用されます。 htm5 のタグは、以前のバージョンの機能と同じで、分割タグに使用されます。

ネストされた div タグにも使用されます。親タグと子タグの関係は、

の両方に使用されます。 <セクション>タグ

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.	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.

HTML セクションタグ HTML Div タグタグは、章、ヘッダー、フッター、本文セクションなどのドキュメントのセクションを定義します。タグは、ドキュメントの個別の部分またはセクションを定義します。 <セクション>タグはhtml5バージョンで使用されます。

タグはhtml5バージョンで使用されます。これは汎用コンテナおよびグローバル属性ではありません。これは汎用コンテナです。 HTML 5 バージョンでセクションを作成する場合、ID は一意である必要があり、クラスは必要に応じてそれを複数回使用する必要があります。 div タグの場合、HTML 要素は

内に配置します。

タグ内では使用できません。段落タグはいつでも壊れてしまうためです。ここでは CSS は必要ないため、関連する要素をグループ化するために使用される構造要素です。もし。セクションで CSS スタイルを使用したいと考えています。IE 9 ブラウザと他の一部のブラウザはサポートされていますが、以前の IE バージョンはサポートされていません。 div タグ内で CSS スタイルを適用するには、を使用します。インライン要素内で使用されるタグ。すべてのブラウザがサポートされるため、互換性の問題は発生しません。 HTML 内の記事要素を含むセクションタグ Div タグには、

が含まれるすべての要素が含まれます。タグはそれを強制すべきではありません。テーブル>

섹션 태그 및 Div 태그 예시

아래는 섹션 태그와 Div 태그의 예시입니다.

예 #1 – 섹션 태그

코드:

<html>
<body>
<section>
<h1>Sample</h1>
<p>WelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcomeWelcome</p>
</section>
<section>
<h1>First</h1>
<p>WelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomainWelcometomydomain</p>
</section>
</body>
</html>

ログイン後にコピー

출력:

HTML セクションとディビジョン

위의 예는

HTML 문서에서 두 번 사용된 태그의 한 섹션은 샘플이고 다른 섹션은 모두

태그를 사용하여 데이터를 단락 형식으로 표시합니다.

예시 #2 – 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>

ログイン後にコピー

출력:

HTML セクションとディビジョン

위의 예는 배경색과 같은 CSS 스타일이 있고

,여기

태그는 위의

에 사용됩니다. 태그이므로 단락 태그이므로

에 사용되지 않습니다. 태그를 삽입하세요.

예 #3 – 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>

ログイン後にコピー

출력:

HTML セクションとディビジョン

위의 예는

태그이지만 여기서는 중첩된 div 태그를 사용합니다. 이는 섹션 태그와 비교할 때 더 유리합니다. 또한 위의 CSS 스타일 예에서 동일한 것을 사용합니다. 여기서 하나의 div 태그는 CSS 스타일을 id로 사용하고 다른 div 태그는 CSS 스타일을 클래스로 사용하여 하나의 div 태그에서 다른 div 태그로 분리됩니다. 따라서 우리가

태그가 있으면 적절하게 닫힙니다

태그는 필수입니다. 그렇지 않으면 코드가 제대로 실행되지 않습니다. 우리는 사용자의 관심을 끌기 위해 일부 애니메이션에 추가로 태그를 추가하세요.