XHTML の一般的なタグ

XHTML の一般的なタグ

XHTML タグとは何ですか?
 XHTML タグ要素は、XHTML ドキュメントの基本的なコンポーネントです。 XHTML タグは、XHTML ドキュメント内の「これが何であるか、あれが何であるか」を定義するために XHTML 言語で使用されるタグとして理解できます。
XHTML タグは山括弧で囲まれたキーワードで、<html></html> のようにペアで表示されることがよくあります。このタグは、これが HML (XHTML) ドキュメントであることを示します。タグ ペアの最初のタグは開始タグであり、2 番目のタグは終了タグです。
改行タグ <br /> など、ペアになっていないタグや終了タグ​​がないタグもいくつかあります。
XHTML タグの終了 XHTML 仕様では、すべてのタグを閉じる必要があります。通常、ペアのタグは終了タグで閉じられ、ペアになっていないタグはスペースと /> で閉じられます (例: <br />)。
ブラウザは閉じられていないタグを認識できますが、仕様上、長期的には閉じたタグが必要です。

よく使われるXHTMLタグ
<html></html> タグ
このタグは、これが hmtl (xhtml) ドキュメントであることを示します。XHTML ファイル タイプ宣言を除き、他のすべての XHTML タグ要素はこのタグに埋め込む必要があります。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <html>​​   
  2. <ヘッド> ... </ヘッド>   
  3. <本文>   
  4. < p >テキスト段落およびその他のテキストコンテンツ</ p >   
  5. </本文>   
  6. </html>​​   

<head></head> タグ
<head></head> は、XHTML ドキュメントのヘッダー情報を示します。これは通常、ブラウザーによって要求され、CSS スタイルやドキュメントによって読み込まれるその他のスクリプト情報など、XHTML ドキュメントの追加指示が含まれます。

<title></title> タグ
このタグは、XHTML ドキュメント全体のタイトルを定義し、ブラウザ ウィンドウの上部にあるタイトル バーに表示するために使用されます。タグは <head></head> 内にネストされます。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <ヘッド>   
  2. < title > XHTML タグ - XHTML チュートリアル</ title >   
  3. </ヘッド>   
  4. < body > </ body >タグ

名前が示すように、このタグは XHTML ドキュメントのメイン コンテンツを記述します。表示する必要のあるすべてのメイン コンテンツがこのタグに含まれます。

XHTML タイトル
XHTML ドキュメントのタイトルは 6 つのレベルに分かれており、それぞれ <h1> - <h6> で定義されます。

XML/HTML コードコンテンツをクリップボードにコピー
  1. < h1 >第 1 レベルのタイトル</ h1 >   
  2. < h1 >第 2 レベルのタイトル</ h1 >   
  3. < h1 >レベル 3 タイトル</ h1 >   

これはタイトルではありませんが、通常、<h1> は本質的に <title> と同等であることに注意してください。

XHTML 段落
XHTML 段落は <p></p> タグによって定義されます。

XML/HTML コードコンテンツをクリップボードにコピー
  1. < p >これは段落です</ p >   

XHTML ハイパーリンク
XHTML ハイパーリンクは <a></a> タグによって定義されます。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <   href = "https://www.jb51.net" > 5iDev Web 開発オンラインチュートリアル</ a >   

XHTML 画像
XHTML 画像は <img> タグを使用して定義されます。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <画像  src = "花.jpg"   alt = "花"   />   

このタグでは、画像ソースが src 属性として提供され、このタグによってブラウザに flower.jpg 画像が表示されます。

XHTML フォーム
XHTML フォームは、ユーザー メッセージなどのユーザー入力情報を収集するために使用されます。フォームは <form></form> によって定義されます。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <フォーム>   
  2. さまざまなフォーム要素 (テキスト フィールド、ドロップダウン リスト、ラジオ ボタン、チェック ボックスなど)
  3. </フォーム>   

<<:  CSSは2つの要素をブレンドする効果（スティッキー効果）を実現します。

>>:  Centos6.5 glibc アップグレードプロセスの紹介

推薦する

Robots.txtの詳細な紹介

Robots.txt はプレーンテキスト ファイルであり、Web サイト管理者は、ロボットによるアク...

キャンバス操作プラグイン fabric.js の使い方を詳しく解説

Fabric.js は非常に便利なキャンバス操作プラグインです。ここでは、日常のプロジェクトで使用さ...

同期スクロールを実現するための複数のテーブル要素のサンプルコード

Element UIは、複数のテーブルを同時に水平および垂直にスクロールすることを実装します。 コー...

Vue3の状態管理の使用方法の詳細な説明

目次背景提供/注入共有状態の抽出データを提供するデータの挿入まとめ反応的な共有状態の抽出共有状態の使...

配列をフラット化する 5 つの JavaScript の方法

目次1. 配列の平坦化の概念2. 実装1. 減らす2. toString と split 3. 結合...

MySQL サーバーにおける SSD パフォーマンスの問題の詳細な分析とテスト

【質問】 HP サーバーを使用しています。SSD が IOPS 約 5000 を書き込むと、%uti...

Tencent Cloud Serverをゼロから導入する方法

初めての投稿ですので、間違いや問題点などありましたら、コメント欄で指摘していただければ、今後改善させ...

シンプルなフロントエンドのページング効果を実現する js

比較的シンプルな業務のプロジェクトもありますが、フロントエンドのページングを多用します。プラグインの...

Vueでドラッグ可能なコンポーネントを実装する方法

この記事では、Vueでドラッグ可能なコンポーネントとドラッグ可能なコンポーネントを実装する方法を参考...

オンライン MYSQL 同期エラーのトラブルシューティング方法の概要 (必読)

序文フェイルオーバーが発生した後、よくある問題は同期エラーです。データベースが小さい場合は、ダンプし...

バッテリー残量が少なくなったときに Linux を自動シャットダウンする方法

序文最近、私の住居の電力事情が不安定で、突然の停電が頻繁に起こります。ノートパソコンを持っているので...

dockerがredisを再起動するとmysqlデータが失われる問題を解決する

公式ドキュメント:したがって、mysql は次のように起動する必要があります。 docker run...

Linux で pyenv をインストールする方法

前提条件gitをインストールする必要があるインストール手順1. リモートリポジトリからpyenvをク...

Vue echarts は棒グラフの動的な表示を実現します

この記事では、棒グラフの動的な表示を実現するためのvue echartsの具体的なコードを参考までに...

Docker ロード後にイメージ名が none になる問題の解決方法

最近、docker load -i コマンドを使用してイメージ パッケージを圧縮した後、イメージ名と...