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

推薦する

mysql5.7.17.msi インストール グラフィック チュートリアル

mysql-5.7.17.msiのインストール、スクリーンショットに従ってください、ステップバイステ...

VMware 仮想マシンのネットワークの問題の解決方法

目次1. 問題の説明2. 問題解決1. 仮想マシンシステムのインストール時にネットワークがない場合2...

MySQLイベント計画タスクに関する簡単な説明

1. イベントが有効になっているかどうかを確認する'%sche%' のような変数を表...

Docker で Jenkins-2.249.3-1.1 をインストールする詳細な手順

目次1. Dockerをインストールする2. Jenkinsイメージファイルを取得する3. マウント...

MySQLプロセスを安全かつ適切にシャットダウンする方法

序文この記事では、mysqld プロセスをシャットダウンするプロセスと、MySQL インスタンスを安...

css n番目から始まるすべての要素を取得する

具体的なコードは次のとおりです。 <div id="ボックス"> &...

MySQLはconnect_by_isleaf MySQLメソッドまたはストアドプロシージャに似た機能を実装します

最近、特に異常なビジネス需要があり、テーブルがあります テーブル「デモ」を作成します（ `id` i...

Alibaba Cloud Server に MySQL データベースをインストールする詳細なチュートリアル

目次序文1. MySQLをアンインストールする2. MySQLをインストールする要約する序文学習中に...

ES6実装クラスのプライベート変数の書き方をいくつか詳しく説明します

プライベート変数のクロージャ実装プライベート変数は共有されないnew キーワードにより、 perso...

Vueは小さな天気予報アプリケーションを実装します

これは私が Vue フレームワークを独学していたときに真似したウェブサイトです。いくつかの都市の天気...

Redission-tomcatは、単一マシンから複数マシンへの展開を迅速に実装します。

序文一部のプロジェクトの初期段階では、シンプルさとスピードのために、開発と展開は単一のマシンで行われ...

パーソナライズされたクリエイティブなウェブサイトデザインの例 (30)

そこで、個性的なスタジオやフリーランスを表現する組み合わせを 30 個選びました。デザインを目立たせ...

MySQL 8.0 をインストールした後、初めてログインするときにパスワードを変更する問題を解決する

MySQL 8.0.16で初回ログイン時のパスワードを変更する方法を紹介します。 MySQLデータベ...

React forwardRefの使い方と注意点

これまで react.forwardRef は react の高階コンポーネントには適用できませんで...

JavaScript の継承についてどれくらい知っていますか?

目次序文コンストラクタ、プロトタイプオブジェクト、インスタンスオブジェクトの関係プロトタイプチェーン...