クリーンな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 分散環境の構築

推薦する

異なる列を持つテーブルのクエリ結果のSQLマージ操作

2 つの異なるテーブルをクエリするには、結果をマージする必要があります。たとえば、table1 の列...

MySQL マスターライブラリ binlog (master-log) とスレーブライブラリ relay-log 間のコードの詳細な説明

メインライブラリのバイナリログ: # 2420 で #170809 17:16:20 サーバー ID...

MySQL ログトリガー実装コード

SQL文 ドロップトリガー もし sys_menu_edit が存在します。 各行のsys_menu...

JavaScript の基礎: エラーキャプチャメカニズム

目次序文エラーオブジェクト投げる試して…捕まえて…最後に最終ルールトライ/キャッチパフォーマンスウィ...

Ubuntu 20.04 に cuda10.1 をインストールする手順 (グラフィック チュートリアル)

インストール前の準備CUDA の主な目的はディープラーニングであり、現在主流のディープラーニングフレ...

Web 開発の面接と筆記試験に必須の知識(必読)

HTML のインライン要素とブロックレベル要素の違い:標準的なドキュメント フローでは、ブロック ...

HTML の類似タグと属性の違いの詳細な説明

【1】<i></i>タグと<em></em>タグ同じ...

SQL ステートメント実行の詳細な説明 (MySQL アーキテクチャの概要 -> クエリ実行プロセス -> SQL 解析順序)

序文:私はずっと、SQL 文がどのように、どのような順序で実行されるのかを知りたいと思っていました。...

jQueryチェーン呼び出しの詳細な説明

目次チェーン呼び出し小さなケースチェーン呼び出しjQuery オブジェクトが任意のメソッド (ノード...

CSS と HTML とフロントエンド テクノロジーのレイヤー図

JavascriptとDOMの関係は非常に曖昧で、CSSやHTMLのフロントエンド技術層も理解してい...

Linuxでブーストライブラリをインストールするための完全な手順

序文Boost ライブラリは、標準ライブラリのバックアップとして機能し、C++ 標準化プロセスの開発...

Vue-CLI3.xはプロジェクトをサーバーに自動的にデプロイします

目次序文1. scp2をインストールする2. テスト/本番環境サーバーのSSHリモートログインアカウ...

Vue がルート変更を監視するときに watch メソッドが複数回実行される理由と解決策

目次要件の説明:要件分析:ニーズの解決問題解決私はフロントエンドの新人ですが、バックエンドのバグの中...

iframeをカプセル化するvueコンポーネントを開発する

目次1. コンポーネントの紹介2. コンポーネントの内部構造とロジック1. コード組織構造2. マッ...

Tomcat サーバーが tomcat7w.exe を開けない場合の解決策

今日、Tomcat サーバーの設定時にちょっとした問題が発生したので、参考までにいくつかご説明したい...