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 アップグレードプロセスの紹介

推薦する

JavaScriptの浅いコピーと深いコピーについての簡単な説明

目次1. 直接譲渡2. 浅いコピー3. ディープコピー1. JSONオブジェクトメソッド2. 再帰コ...

HTML で 2 列レイアウトを実装する方法の例 (左側は固定幅、右側は適応幅)

HTMLは2列レイアウトを実装し、左側は固定幅、右側は適応幅です。実装1: <スタイル>...

Zabbix ベースの Jenkins プロセス監視の詳細な説明

1. 監視アーキテクチャ図 2. 実装のアイデアJenkins に Metrics プラグインをイン...

docker 環境でのデータベース バックアップ (postgresql、mysql) のサンプル コード

目次posgresql バックアップ/リストアMySQL バックアップ/復元posgresql バッ...

一般的なブラウザ互換性の問題（概要）

ブラウザの互換性とは、スタイルの互換性 (CSS)、インタラクションの互換性 (JavaScript...

IE8 開発者ツール メニューの説明

<br />この記事では、開発者ツールのさまざまなメニューについて簡単に説明しました。こ...

Docker を使用した RabbitMQ 環境のデプロイの詳細な紹介

前提条件: Dockerはすでにインストールされています1. 画像を見つける（方法は2つあります） ...

CSS マスクを使用して PNG 画像のサイズを大幅に最適化します (推奨)

この記事は共有および集約することを歓迎します。全文を転載する必要はありません。著作権を尊重してくださ...

React Routerの歴史について簡単に説明します

React Router を理解したいなら、まず歴史を理解する必要があります。より具体的には、Rea...

js を使ってシンプルな虫眼鏡効果を実現

この記事の例では、参考までに簡単な虫眼鏡効果を実現するためのjsの具体的なコードを共有しています。具...

雨滴効果を実現する JavaScript キャンバス

この記事では、雨滴効果を実現するためのJavaScriptキャンバスの具体的なコードを参考までに紹介...

3つの簡単な例を使ってハイパーリンクの下線を削除する方法

ハイパーリンクの下線を削除するには、スタイルシート CSS を使用する必要があります。当面は CSS...

HTML タグに類似: strong および em、q、cite、blockquote

XHTML には似た機能を持つタグがいくつかあります。もちろん、ここでの類似性とは意味の類似性を指...

HTML6 は折りたたみメニューとアコーディオンメニューのサンプルコードを実装します

ページの主要部分: <body> <ul id="メニュー"&...

Centos8 システムの VMware インストール チュートリアル図 (中国語グラフィカル モード)

目次1. ソフトウェアとシステムイメージ2. 仮想マシンを作成する3. CentOS8をインストール...