ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLの構造要素とは何ですか? HTMLのさまざまな構造要素の要約(プレーンテキスト)

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

不言
不言オリジナル
2018-07-21 16:46:243728ブラウズ

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 までご連絡ください。