クリーンな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 の union と union all の簡単な分析

データベースでは、UNION キーワードと UNION ALL キーワードの両方が 2 つの結果セッ...

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

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

JavaScript 配列の重複排除とフラット化関数の紹介

目次1. 配列の平坦化(配列の次元削減とも呼ばれる)方法1: 削減メソッドを使用する方法2: スタッ...

mysql8.0.20 のデータディレクトリを移行する方法

mysql のデフォルトのストレージ ディレクトリは/var/lib/mysql/です。以下は、デフ...

Linux システムの busybox に mkfs.vfat コマンドを移植する

オーディオおよびビデオ ファイルを保存するためのディスク寿命を延ばすには、ディスクをフォーマットする...

Centos6.5 glibc アップグレードプロセスの紹介

目次シナリオ要件glibc バージョンglibcのインストールglibc ソフトリンクシナリオ要件C...

MySQL マルチテーブル共同クエリ操作例の分析

この記事では、MySQL のマルチテーブル共同クエリ操作について説明します。ご参考までに、詳細は以下...

Facebookの情報アーキテクチャの分析

<br />原文: http://uicom.net/blog/?p=762 Faceb...

HTML ページ出力で従うべきいくつかの原則の要約

1. DOCTYPE は必須です。ブラウザは宣言した DOCTYPE に基づいてページのレンダリング...

jQuery をベースにリスト ループ スクロールを実装するためのヒント (超簡単)

良いアイデアを見つけたので記録しました。私は以前、スクロール効果を実現するためにjQueryを使用し...

バインドを使用してDNSサーバーを設定する方法

DNS(ドメインネームサーバー)は、ドメイン名とそれに対応する IP アドレスを変換するサーバーです...

LNMP と phpMyAdmin を Docker にデプロイする方法

環境準備:複数のコンテナに基づいてホストに lnmp をデプロイします。 nginx サービス: 1...

時間のかかるMySQLレコードのSQL例の詳細な説明

mysqlは時間のかかるSQLを記録しますMySQL は、最適化と分析のために、時間のかかる SQL...