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

推薦する

大きなオフセットによる MySQL 制限ページングが遅い理由と最適化ソリューション

MySQL では通常、limit を使用してページ上のページング機能を完了しますが、データ量が大きな...

まだ*を選択しますか?

アプリケーションが牛のように遅い理由は数多くあります。ネットワーク、システム アーキテクチャ、または...

MySQLアカウントのパスワード変更方法(概要)

序文:データベースを日常的に使用すると、パスワードが単純すぎて変更する必要がある場合、パスワードの有...

MySQLとOracleのメタデータ抽出例分析

目次序文メタデータとは参照文書アドレスまずはMySQLについてお話しましょうOracleについて話し...

Fabric.js は DIY ポストカード機能を実装します

この記事では、DIYポストカード機能を実現するためのfabricjsの具体的なコードを参考までに共有...

Linux でのマルチスレッドおよびマルチプロセス クラッシュのシミュレーションに関する簡単な説明

結論:マルチスレッド環境では、スレッドの 1 つがクラッシュすると、他のスレッド (プロセス全体) ...

Linux サービスでファイアウォールを有効にする 2 つの方法

方法は2つあります: 1. サービス方法ファイアウォールのステータスを確認します。 [root@ce...

Reactでパスワード強度検出器を実装する方法

目次序文使用コンポーネントの記述データ構造分析プロセス分析基礎コードの分析他の要約する序文パスワード...

JavaScript で文字列を数値に変換する方法

目次1.parseInt(文字列、基数) 2. 数値() 3.parseFloat()主なメソッドは...

Vueは双方向データバインディングを実装します

この記事の例では、双方向データバインディングを実装するためのVueの具体的なコードを参考までに共有し...

Zabbix動的実行監視収集スクリプトの実装原理

Zabbix カスタム スクリプトを使用して監視データを収集する場合、通常、次の問題が発生します。サ...

Nginx 構成 80 ポート アクセス 8080 とプロジェクト名アドレス メソッド分析

Tomcatはプロジェクトにアクセスします。通常はIP + ポート + プロジェクト名です。 Ngi...

MySQLデータベースイベントスケジュール実行タスクの詳細な説明

1. 背景プロジェクトの業務が進むにつれて、データベース テーブルの数がどんどん大きくなり、ハードデ...

HTMLを使用して、IPを制限する投票ウェブサイトの不正行為スキームを実装する

これは、IP アドレスが制限されている投票 Web サイトの不正行為の手口です。この方法は、投票 W...

透明な入力ボックスにアイコンを追加する HTML コード

最近、弁護士推薦のウェブサイトを作成していたのですが、検索ボックスに問題がありました。検索ボックス内...