検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML セクションとディビジョン

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

王林
王林オリジナル
2024-09-04 16:17:02925ブラウズ

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 태그로 분리됩니다. 따라서 우리가
    태그가 있으면 적절하게 닫힙니다
    태그는 필수입니다. 그렇지 않으면 코드가 제대로 실행되지 않습니다. 우리는 사용자의 관심을 끌기 위해 일부 애니메이션에 추가로 태그를 추가하세요.

    결론

    위에서 섹션 태그와 div 태그의 차이점에 대해 논의했습니다. 몇 가지 추가 단계와 포인트는 두 개념과 동일합니다. 그러나 어떤 경우에는 일부 기능이 섹션 태그에 허용되고 일부 기능은 div 태그에 허용됩니다. 하지만 html 문서에서는 목적과 동작이 같은 줄입니다.

    以上がHTML セクションとディビジョンの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

    html5 css html if for format using class Generic map this display background table database issue
    声明：
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    前の記事：XHTMLとは何ですか?次の記事：XHTMLとは何ですか?

    関連記事

    続きを見る