XHTML1.0とHTMLの互換性ガイドライン 16 まとめ
1. ページをXML型として宣言することは避ける の場合、ページはUTF-8またはUTF-16文字セットを使用します。
2. 空要素タグ（コンテンツを含むために使用できないタグ）の末尾にスラッシュ/を追加する > 例：<br />、<hr />など。
3. 空でない要素（このタグは見出しや段落などのコンテンツを含むために使用されます）の内容が空の場合、空要素のような閉じ方をするのではなく、空白文字を与えます。 例えば、Pタグに内容がない場合、<p />ではなく</p>と記述します。
4. スタイルとスクリプトの内容に <, &, ]]> または2つの連続した横棒がある場合、導入に外部ファイルを使用してください。
5. 要素の属性値には改行や複数の空白を入れないようにする。
6.
文書のheadセクションにisindex要素を2つ以上含めないこと
(しないことが望ましい）、この要素は推奨されません。
isindex: ブラウザに、1行のテキスト入力を促すダイアログボックスを表示させます。
HTML 4では、この要素はINPUT要素に取って代わられ、推奨されません。 isIndexのtagName属性はinputを返します。
この要素はブロック要素であり、この要素には終了タグが必要です。
次の例では、ISINDEX要素を使用してデフォルトのプロンプトを置き換えています。
<isindex prompt="検索するインデックスキーワードを入力してください" />
7. 要素に言語を指定する場合は、lang属性とxml:lang属性を使用します。 xml:lang の値がより優先されます。
8. 要素の識別子としてid属性を使用し、name属性の使用は避けてください。 特に、a, applet, form, frame, iframe, img, map のような要素では、name属性は嫌われるでしょう。
9. ページのドキュメント文字セットの定義 xml文書の文字セットを定義するには、 <?xml version="1.0" encoding="UTF-8"? > を、XHTMLの文字セットは <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />.を使用します。
10. ブール型要素の属性値は、この属性名を使用してください。 例：checked="checked"、ブール型要素は以下の通りです：compact, nowrap, ismap, declare, noshade, checked, disabled, readonly, multiple, selected, noresize, defer。
11. HTML4 と XML のドキュメントオブジェクトモデルでは、HTML の要素名と属性名は大文字の書式で返され、XHTML では要素名と属性名は小文字の書式で返されることが規定されています。
12. 属性値には&記号の代わりに&を使用する
13.
CSS スタイルタグのスタイルおよび属性名は、XHTML では小文字で記述すること。
;です。
HTMLのテーブルでは、tbodyはパース時に自動的に埋められますが、XMLではそうではないので、CSSセレクタでtbody要素が使われている場合は、自分で追加する必要があります。
CSSでid属性の要素を選択する場合、#セレクタを使用します。
;或いは
CSSでは、class属性を持つ要素を.selectorで選択します。
があります。
14. XML 文書を解析するとき、Style 要素はどのように使用するのですか？HTML4やXHTMLでは、style要素を用いて文書内のスタイル規則を定義することができますが、XMLでは、XMLスタイルシートを用いてスタイル規則を定義し、この規則との互換性を保つために
XML 文書の解析時に style 要素を使用する必要がある場合、style 要素は id 属性を識別子として使用し、さらに XML スタイルシートがそれを参照する必要があります。
例えば
<?xml-stylesheet href="http://www.w3.org/StyleSheets/TR/W3C-REC.css" type="text/css"? >
<?xml-stylesheet href="#internalStyle" type="text/css"? >
<!DOCTYPE html
PUBLIC "-/W3C//DTD XHTML 1.0 Strict//EN".PUBLIC "-W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>An internal stylesheet example</title>
<style type="text/css" id="internalStyle">
コード {
色：緑
font-family: monospace;
font-weight: bold;
}
</style>
</head>
<body>
<p>
W3CGroupがXHTMLとHTMLの互換性に関する16のガイドラインを提示!
<code>http://www.w3cgroup.com/article.asp?id=252</code>.
</p>
</body>
</html>
15.
HTMLやXMLの空白文字に注意する必要がある
. HTML文書では合法である文字が、XMLでは合法でない場合があります。例えば、フォームフィード文字U+000CはHTMLではスペースとして解析されますが、XHTMLではXMLの文字定義により違法となります。
16 特殊文字 ' (省略記号、U+0027) に注意してください。 XML 1.0で導入されましたが、HTMLではありません。HTML4で使用するには、'の代わりに'を使ってください。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン