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

推薦する

CSS を使用して三角形を実装する一般的な手法 (複数の方法)

面接の経験によっては、CSS に関する質問がよく見られ、CSS を使用して三角形を描画する方法につい...

バックエンドの権限に基づいてナビゲーション メニューを動的に生成する Vue-router のサンプル コード

目次js の1. グローバルガードを登録する2. Vuex 状態管理グローバルキャッシュルート3. ...

JavaScriptはPromiseを使用して複数の繰り返しリクエストを処理します

1. なぜこの記事を書くのですか?重複リクエストの処理に関する記事をたくさん読んだことがあるでしょう...

Linux システムの最適化 (カーネルの最適化) に関するいくつかの提案

スワップを無効にするサーバーがデータベース サービスまたはメッセージ ミドルウェア サービスを実行し...

React プロジェクトにおける axios カプセル化と API インターフェース管理の詳細な説明

目次序文インストール導入環境の切り替え傍受を要求するレスポンスインターセプションAPIの統合管理要約...

MySQL で遅い SQL 文を見つける方法

MySQL で遅い SQL ステートメントを見つけるにはどうすればよいでしょうか?これは、多くの人を...

この記事ではJavaScriptの基本であるディープコピーとシャローコピーについて説明します。

目次浅いコピーディープコピー補充する要約するコピー（クローン、複製などとも呼ばれる）ですが、ディープ...

ネイティブ JS を使用してタッチスライド監視イベントを実装する方法

序文今日はちょっとしたデモを書きました。左右にスワイプするロジックに関わる部分があります。当初はプラ...

Ansibleを使用してTomcatをバッチでデプロイする方法

1.1 ディレクトリ構造の構築この操作は、nginx+mysql+tomcat+dbのディレクトリ構...

Docker 用ビジュアル UI 管理ツール Portainer のインストールと使用方法の分析

Portainer は、ステータス表示パネル、アプリケーション テンプレートの迅速な展開、コンテナ ...

Linux での MySQL データベースのマスター スレーブ同期レプリケーション構成

Linux での MySQL データベースのマスター/スレーブ同期構成の利点は、この方法をバックアッ...

Centos7.6にTomcat-8.5.39をインストールする方法

Centos7.6 に Tomcat-8.5.39 をインストールする方法は次のとおりです。詳細は次...

VMware仮想マシンブリッジによるインターネット相互接続を実現する方法

VMware をインストールして新しい仮想マシンを作成したら、オプション バーの [編集] - [仮...

Linuxアカウントファイル制御管理の詳細な手順

Linux システムでは、ユーザーが手動で作成したさまざまなアカウントに加えて、システムまたはプログ...

優れたユーザー インターフェース デザインのための 37 のヒント (画像付き)

1. 複数列レイアウトではなく、単一列レイアウトを使用する1 列のレイアウトにより、全体的な状況をよ...