クリーンなXHTML構文

クリーンなXHTML構文
XHTML を書くには、明確な HTML 構文が必要です。
XHTMLを書くには、きれいなHTML構文を使う必要がある
--------------------------------------------------------------------------------
その他の XHTML 構文ルール:
その他の XHTML 構文ルール:
属性名は小文字でなければなりません
属性名は小文字でなければなりません
属性値は引用符で囲む必要があります
属性値には二重引用符を使用する
属性の最小化は禁止されています
プロパティの省略形は使用できません
id属性はname属性に置き換わります
name属性の代わりにid属性を使用する
XHTML DTDは必須要素を定義する
XHTML DTDは必須要素を定義する
--------------------------------------------------------------------------------
属性名は小文字でなければなりません
属性名は小文字でなければなりません
これは間違いです:
これは間違いです:
<table WIDTH="100%">これは正解です:
それは正しい:
<テーブルの幅="100%">
--------------------------------------------------------------------------------
属性値は引用符で囲む必要があります
属性値は二重引用符で囲む必要があります
これは間違いです:
これは間違いです:
<table width=100%>これは正解です:
それは正しい:
<テーブルの幅="100%">
--------------------------------------------------------------------------------
属性の最小化は禁止されています
プロパティの省略形は使用できません
これは間違いです:
これは間違いです:
<入力チェック済み>
<入力読み取り専用>
<入力無効>
<オプションが選択されました>
<frame noresize>これは正しいです:
正解は次のとおりです。
<input チェック済み="チェック済み" />
<input readonly="読み取り専用" />
<input disabled="無効" />
<オプションが選択されました="選択されました" />
<frame noresize="noresize" />以下は、HTML の最小化された属性と、それらを XHTML で記述する方法の一覧です。
HTML で省略形として使用される属性と、それらを XHTML で記述する方法の一覧を次に示します。
HTML の
コンパクト コンパクト="コンパクト"
チェック済み チェック済み="チェック済み"
宣言する 宣言する="宣言する"
読み取り専用 readonly="読み取り専用"
無効 disabled="無効"
選択済み 選択済み="選択済み"
defer defer="延期"
ismap ismap="ismap"
nohref nohref="nohref"
noshade noshade="noshade"
nowrap nowrap="nowrap"
複数 multiple="複数"
noresize noresize="noresize"

--------------------------------------------------------------------------------
id属性はname属性を置き換えます
id属性はname属性に置き換わります
HTML 4.01 では、a、applet、frame、iframe、img、map の各要素に対して name 属性が定義されています。XHTML では name 属性は非推奨です。代わりに id を使用してください。
a、applet、frame、iframe、img、map の場合、HTML 4.01 では name 属性が定義されていますが、これは XHTML では非推奨であり、id に置き換える必要があります。
これは間違いです:
これは間違いです:
<img src="picture.gif" name="picture1" />これは正しいです:
それは正しい:
<img src="picture.gif" id="picture1" />注: しばらくの間、古いブラウザと相互運用するには、次のように、name と id の両方を同じ属性値で使用してください。
注: 古いブラウザの場合は、次のように name 属性と id 属性の両方を使用し、両方に同じ値を設定するようにしてください。
<img src="picture.gif" id="picture1" name="picture1" />重要な互換性に関する注意:
互換性に関する注意:
XHTML を今日のブラウザと互換性のあるものにするには、「/」記号の前に余分なスペースを追加する必要があります。
XHTMLを現在のブラウザと互換性のあるものにするには、/タグの前にスペースを追加する必要があります。

--------------------------------------------------------------------------------
Lang属性
言語属性
lang 属性は、ほぼすべての XHTML 要素に適用されます。要素内のコンテンツの言語を指定します。
lang 属性は、ほぼすべての XHTML 要素に適用できます。要素内のコンテンツの言語を指定します
要素で lang 属性を使用する場合は、次のように xml:lang 属性を追加する必要があります。
要素に lang 属性を適用する場合は、次のように xml:lang 属性を追加する必要があります。
<div lang="no" xml:lang="no">こんにちは、ノルウェー!</div>
--------------------------------------------------------------------------------
必須の XHTML 要素
必須の XHTML 要素
すべての XHTML ドキュメントには DOCTYPE 宣言が必要です。html、head、body 要素が存在する必要があり、head 要素内にタイトルが存在する必要があります。
すべての XHTML ドキュメントには DOCTYPE 宣言が必要です。 html、head、body要素が表示され、タイトルはhead要素内になければなりません。
これは最小限の XHTML ドキュメント テンプレートです。
これは最小限のXHTMLドキュメントテンプレートです
<!DOCTYPE ここに Doctype を記述します>
<html xmlns="http://www.w3.org/1999/xhtml">
<ヘッド>
<title>タイトルをここに入力します</title>
</head><body>
本文はここに記入
</body></html>注: DOCTYPE 宣言は、XHTML ドキュメント自体の一部ではありません。これは XHTML 要素ではないため、終了タグを持つことはできません。
注意: DOCTYPE 宣言は XHTML ドキュメント自体の一部ではありません。これは XHTML 要素でもなく、終了タグも持たないはずです。
注意: <html> タグ内の xmlns 属性は、XHTML では必須です。ただし、w3.org のバリデーターは、この属性が XHTML ドキュメントにない場合にエラーを出力しません。これは、「xmlns=http://www.w3.org/1999/xhtml」が固定値であり、これを含めなくても <html> タグに追加されるためです。
注意: XHTML ドキュメントでは、html タグ内に xmlns 属性を指定する必要があります。ただし、w3.org バリデータは、XHTML ドキュメントにこの属性が存在しないという理由でエラーを報告しません。これは、「xmlns=http://www.w3.org/1999/xhtml」が固定値であるため、ドキュメントに含まれていなくても自動的に追加されるためです。
次の章ではXHTML文書型定義について詳しく学びます。

<<:  MySQLデータベースの名前を高速かつ安全に変更する方法(3種類)

>>:  Docker ベースの Selenium 分散環境の構築

推薦する

Linux周辺ファイルシステムのカスタマイズ方法

序文一般的に、Linux システムについて話すときは、Linux カーネルと GNU プロジェクトに...

Vue ページをリフレッシュするために provide と injection を適用する

目次方法1: 関数を直接呼び出す方法2: provide / inject (静的更新) を使用する...

JavaScript - Vue でのスロットの使用: スロット

目次Vue でのスロットの使用: slotスコープ付きスロット: テンプレートタグで囲む要約するVu...

Nginx キャッシュ設定例

Web アプリケーションの開発とデバッグを行う際には、テストのためにブラウザのキャッシュをクリアした...

CentOS 8で自動更新を設定するための手順を完了する

データとコンピューターに対してできる最善のことは、それらを安全に保つことです。アップデートを有効にす...

JavaScript 以外の静的リソースのバンドルの詳細

目次1. パッケージングツールでのカスタムインポート2. ブラウザとバンドラの共通インポート構文3....

非ルートユーザーを使用してDockerコンテナでスクリプト操作を実行する

アプリケーションをコンテナ化した後、Docker コンテナを起動すると、デフォルトで root ユー...

Webフロントエンド開発におけるエラーを見つけるための基本的な考え方

WEB開発は主に2つのインタラクション(B/Sデータ)から構成されますブラウザ: 1html、css...

背景画像の配置におけるbackground-position属性の自己理解

最近、プロジェクトではラベルやボタンなどの断片的な画像をたくさん使用する必要があります。また、CSS...

CSSがページのレンダリングをブロックするかどうかについての簡単な説明

おそらく誰もが js の実行によって DOM ツリーの解析とレンダリングがブロックされることを知って...

複数の HTML ページで HTML コードをまとめて呼び出す方法

方法 1: スクリプト方式を使用する:共通ヘッダー ファイル head.js または共通フッター フ...

nginx のロケーションと書き換えの使用法の詳細な説明

1. 位置情報の利用状況の概要ロケーションは、さまざまな処理方法に対してさまざまな種類のリクエストを...

jQueryはシンプルなコメントエリアを実装します

この記事では、参考までに、簡単なコメントエリアを実装するためのjQueryの具体的なコードを紹介しま...

よく使われる HTML タグとその特徴の完全なリスト

まず、HTML タグのいくつかの特性を知っておく必要があります。 1. 「<keyword&g...

JavaScript の絶妙なスネーク実装プロセス

目次1. HTML構造を作成する2. テーブルを作成する3. ヘビの頭と体を作る4. 食べ物を作る5...