目次
tbody" >tbody
tfoot" > tfoot
thead" >thead
ホームページ ウェブフロントエンド htmlチュートリアル HTMLの構造要素とは何ですか? HTMLのさまざまな構造要素の要約(プレーンテキスト)

HTMLの構造要素とは何ですか? HTMLのさまざまな構造要素の要約(プレーンテキスト)

Jul 21, 2018 pm 04:46 PM

Webドキュメントでは、さまざまな要素が表示されます。各要素には特定の位置があり、これらの要素を標準化するには、HTML の構造要素によって決定する必要があります。

関数の説明: タグは、ページ上のすべてのリンクのデフォルトのアドレスまたはデフォルトのターゲットを指定します。通常、ブラウザは、現在のドキュメントの URL から対応する要素を抽出することによって、相対 URL のギャップを埋めます。

標準属性: href、target

href: マウスがリンクをクリックしたときにページ内のすべてのリンクの URL を設定または取得します

target: ターゲット コンテンツが表示されるウィンドウまたはフレームを設定または取得します

_blank: 新しい名前のないウィンドウでドキュメントをロードします

_self: 同じフレームまたはウィンドウにターゲットドキュメントをロードします

_parent: ドキュメントを親ウィンドウまたはハイパーリンク参照を含むフレームセットにロードします

_top: document ハイパーリンクを含むウィンドウは、ウィンドウに現在表示されているフレームを置き換えます

...

関数の説明: HTML ドキュメントの本文を定義します。本文には、HTML ドキュメントのすべてのコンテンツが含まれます。 HTMLドキュメント。

標準属性: id (要素の一意の識別子)、class (クラス名)、title (ツールチップに表示されるテキスト)、style (インラインスタイル定義)、dir (テキスト方向の設定)、lang (言語コードの設定)、background (Web ページの背景画像)、bgcolor (背景色)、text (テキストの色を設定)、link (リンクのテキストの色を設定)、alink (リンクのテキストの色を設定)、vlink (リンクのテキストの色を設定)、leftmargin (左マージン)、 topmargin (上マージン)、bgproperties (背景画像がウェブページと一緒にスクロールしないように、パラメータは 1 つだけ固定されています)

今後同じプロパティが登場する場合は、一度説明した後で説明しません

機能説明: 文書の段落を定義します

標準属性: align、id、class、title、style、dir、lang

使用上のポイント: p を使用します行を折り返して段落を区切ります。 p 要素はブロック要素であり、タグで閉じる必要があります

...

機能の説明: ドキュメント内のインライン要素を結合するために使用されます

標準属性: align 、id、class、title、style、dir、lang

……

機能の説明: ドキュメント内のパーティションまたはセクションを定義します

標準属性: align、id、class、 title、style、dir、lang

使用上のポイント: p 要素は、HTML ドキュメント内のコンテンツの大きなブロックに構造要素と背景要素を提供するために使用されます


機能の説明: 改行を挿入します

標準属性: id、クラス、タイトル、スタイル

......

機能説明: テーブルのタイトルを定義します

標準属性: align (整列、左揃え(を含む)左揃え)、right (右揃え)、top (上揃え)、bottom (下揃え))、id、class、title、dir、lang

使用上のポイント: caption 要素は table 要素のサブオブジェクトである必要があります、キャプションタグはテーブルタグの後に続く必要があります。テーブルに定義できるタイトルは 1 つだけです。通常、タイトルはテーブルの上の中央に配置されます。

関数の説明: テーブルの列属性値を定義します。定義されたオブジェクトにはテーブルに 1 つ以上の列を含めることができます

標準属性: id、class、title、style、dir、 lang

オプションの属性: align (水平方向の配置、right (右配置)、left (左配置)、center (中央)、justify (両端揃え))

数値、デフォルト値は 1)

valign (垂直方向の配置、上 (上部の配置)、中央 (垂直中央)、下 (下端の配置)、ベースライン (ベースラインの配置) を含む)

colgroup

関数の説明: テーブル列のグループ化を定義します

標準属性: id、class、title、style、dir、lang

オプションの属性: align、span (col がまたがる列数を定義、デフォルト値は 1)、valign、width

使用上のポイント: 有効なのみtable タグ内で列を組み合わせてフォーマットすることができます

fieldset

機能の説明: フォーム内の関連フィールド要素のグループ化

標準属性: id、class、title、style、dir、lang

使用ポイント:フィールドセットに含まれるテキストとその他の要素の外側にボックスを描画します

……

機能の説明:フィールドセットにタイトルを定義できます

標準属性:id、class、 title、style、dir、lang

使用上のポイント: 凡例要素はフィールドセットの最初の要素である必要があり、この要素はインライン要素であり、タグを閉じる必要があります

機能の説明: 外部ドキュメントを含むインラインフレームを作成します

標準属性: id、class、title、style

基本属性: name (コンテンツページ名を定義)、 src (コンテンツ ページの URL を定義)、frameborder (コンテンツ ページの境界線を定義します。値は 0/1、デフォルトは 1、0 は境界線を表示しません、1 は各ページ間の境界線を表示します)、marginwidth (定義します)フレーム フレーム内の HTML ファイルによって表示される上下の境界線の幅、デフォルト値はブラウザによって決定されます)、marginheight (フレーム内の HTML ファイルによって表示される左右の境界線の幅を定義します)デフォルト値はブラウザによって決定されます)、スクロール(スクロールバーの有無、値のはい/いいえ/自動、デフォルト値の自動を定義します)、整列、高さ、幅

使用ポイント:iframe要素の役割と同等ですドキュメントに別のドキュメントを埋め込むか、フローティング フレームと同様に、インライン フローティング フレームを作成するには、iframe コンテンツ ソース ドキュメント、body 要素の background-color または bgcolor タグ属性を透明に設定する必要があります。この要素はブロック要素であり、終了タグ

dt リスト内の項目を定義します

標準属性: id、class、title、style、dir 、lang

usageポイント:DDは通常リストにインデントされ、DD要素はブロック要素であり、タグを閉じる必要があります

要素、ラベルを閉じる必要があります

DT要素はブロック要素です、ラベルを閉じる必要があります

h1…h6

機能の説明: 記事のタイトルを定義します

標準属性: align、id、class、title、style、dir 、lang

使用ポイント:

は最大のタイトルを定義し、

は最小のタイトルを定義します

……

: ドキュメント自体が HTML ドキュメントであることを宣言します

標準属性: dir、lang

基本属性: common (一般属性)、xmlns (xml 名前空間を表す)、dir

;

機能の説明: ドキュメントに挿入されたテキストを定義します

標準属性: id、class、title、style、dir、lang

使用上のポイント: ins タグと del タグを一緒に使用し、更新とドキュメント内の修正

...

関数の説明: ドキュメント内の削除されたテキストを定義します

標準属性: id、class、title、style、dir、lang

  • ...
  • 機能の説明: リスト項目を定義します標準属性: id、class、title、style、dir、lang

    使用ポイント: li タグが使用可能です順序付きリストで< ;ol> と順序なしリスト

        ......

      関数の説明: 順序付きリストを定義します

      標準属性: id、class、title、style、dir 、lang

        ……

      関数の説明: 順序なしリストを定義します標準属性: id、class、title、style、dir、lang

      テーブルはブロック要素であり、タグで閉じる必要があります

      機能の説明: テーブル内のヘッダーセルを定義します

      標準属性: id、class、title、 style、dir、lang

      基本属性: common、abbr (テーブルヘッダーの略語)、axis (概念的にセルを分類)、colspan (1 つの行が複数の列にまたがる)、headers (テーブルのデータとヘッダーを接続する)、rowspan (列は複数の行にまたがります)、スコープ (行または列のヘッダーを定義する)、align、valign

      使用ポイント: th 要素内のテキストは通常​​、太字で表示されます

      ……< /tr> ;

      関数の説明: テーブル内の行を定義します

      標準属性: id、class、title、style、dir、lang

      基本属性: common、align、valign

      ...
      ……

      関数の説明: テーブル内のセルを定義します

      標準属性: id、class、title、style、dir、lang

      基本属性: common、abbr (テーブルヘッダーの略語)、axis (概念的にセルを分類)、colspan (1 つの行が複数の列にまたがる)、headers (テーブルのデータとヘッダーを接続する)、rowspan (1 つの列が複数の列にまたがる) row)、scope (行または列のヘッダーを定義)、align、valign

      tbody

      関数の説明: テーブル本体の形式を定義します

      標準属性: id、class、title、style、dir、 lang

      使用のポイント: テーブルを別個の部分に分割したり、テーブル内の 1 つまたは複数の行をグループに結合したりできます。ただし、テーブル内に tbody タグを含めないことが最善であり、これはできません。ある tbody から別の tbody にまたがる

      tfoot

      機能の説明: 表の脚注の形式を定義します

      標準属性: id、class、title、style、dir、lang

      使用ポイント: に含まれる有効なタグtfoot 要素は td、tr、th、任意の値です。テーブル オブジェクトは 1 つの tfoot のみを定義できます。この要素はタグを閉じる必要があります

      thead

      機能の説明: テーブルヘッダーの形式を定義します

      標準属性: id、class、title、style、dir、lang

      使用上のポイント: Thetad には tr が必要ですタグ内では、この要素の表示は変わりません。 thead、tfoot、tbody 要素を使用する場合は、それらをすべて使用する必要があります。出現する順序は、thead、tfoot、tbody です。これらのタグはテーブル要素内で使用する必要があります

      関連する推奨事項:

      HTML のメタ情報メタタグ属性の分析 (コード付き)

      HTML 要素を動的に生成する方法と要素に属性を追加する方法 (コード付き)コード) )

      以上がHTMLの構造要素とは何ですか? HTMLのさまざまな構造要素の要約(プレーンテキスト)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

    ホットAIツール

    Undresser.AI Undress

    Undresser.AI Undress

    リアルなヌード写真を作成する AI 搭載アプリ

    AI Clothes Remover

    AI Clothes Remover

    写真から衣服を削除するオンライン AI ツール。

    Undress AI Tool

    Undress AI Tool

    脱衣画像を無料で

    Clothoff.io

    Clothoff.io

    AI衣類リムーバー

    AI Hentai Generator

    AI Hentai Generator

    AIヘンタイを無料で生成します。

    ホットツール

    メモ帳++7.3.1

    メモ帳++7.3.1

    使いやすく無料のコードエディター

    SublimeText3 中国語版

    SublimeText3 中国語版

    中国語版、とても使いやすい

    ゼンドスタジオ 13.0.1

    ゼンドスタジオ 13.0.1

    強力な PHP 統合開発環境

    ドリームウィーバー CS6

    ドリームウィーバー CS6

    ビジュアル Web 開発ツール

    SublimeText3 Mac版

    SublimeText3 Mac版

    神レベルのコード編集ソフト(SublimeText3)

    &lt; Progress&gt;の目的は何ですか 要素? &lt; Progress&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

    この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合

    &lt; datalist&gt;の目的は何ですか 要素? &lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

    この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

    HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

    記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

    &lt; meter&gt;の目的は何ですか 要素? &lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

    この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex

    HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

    この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

    HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

    この記事では、html5&lt; time&gt;について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

    ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

    この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

    &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

    この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

    See all articles