XHTMLとは??_体験交流

前書き:
現在、標準的な Web サイト構築に注目が集まっていますが、標準的な Web サイト構築に使用される技術は主に XHTML+CSS です。では、どのように変換すればよいでしょうか。では、HTML と XHTML の違いは何でしょうか?このチュートリアルでは、HTML と XHTML の違いと、HTML を XHTML に変換する方法を学習します。結局のところ、XHTML が開発の方向性であるため、このチュートリアルをこのサイトで公開する必要があると思います。標準を使用したい場合は、HTML の方が簡単なので、まず HTML を学習してから、このチュートリアルを参照する方が良いと思います。同時に、これは私が公開した WEB 標準 XHTML&CSS の続編でもあります。

XHTML の概要:
実際、私たちが話している標準は XML であるはずですが、なぜ XHTML を学ぶ必要があるのでしょうか?現在の HTML コードは煩雑でリスクが多いのに、XML の利用環境がまだ成熟していないため、過剰なプロダクトが登場し、それが浮き沈みの役割を果たしているのが XHTML です。 XHTML は HTML のアップグレードされたバージョンであると考える人もいますが、これは実際には正しいです。XHTML は HTML をより標準化し、HTML をより強力にし、煩雑なコード (特にテーブル) を削減するマークアップ言語であると考えています。
XHTML は、2000 年 1 月 26 日に国際標準化団体 W3C (World Wide web Consortium) によって標準として制定されました。これは HTML の最新バージョンとみなされ、段階的に HTML に置き換わります。すべてのブラウザが XHTML をサポートするようになり、XHTML は HTML 4.0 と互換性があります。 XHTML を HTML4.01 だと思っている人もいます。学習プロセス中に標準に準拠した Web サイトを作成すると、W3C 検証に合格できます。検証に合格すると、通常は XHTML1.0 認定と CSS 検証のマークを取得できます。中国でこれら 2 つの検証を同時に通過した Web サイトが何社あるのかわかりません。 http://www.w3.org/ にアクセスしてサイトがこれら 2 つのルールを満たしていることを確認すると、他の人に見せるために Web ページに追加する 2 つのコードが提供されます。これは、Web サイトの構築に標準を採用したことを示しています。素晴らしいですね。

XHTML を使用する理由
次のようなエラー コードを含む HTML を見てみましょう:

不正な HTML

エラーコードが含まれていますが、ブラウザで閲覧すると正常に表示されます。 XML はマークアップ言語ですが、Web ページに表示されるすべての要素をマークする必要があります。XML は Web ページ内のデータを記述するために使用され、HTML は Web ページ内の要素を表示するために使用されます。現在、ラップトップや携帯電話など、インターネット上で使用されているさまざまなブラウザ テクノロジでは、閲覧する一部のコンテンツに正しくタグが付けられている必要があります。タグが間違っていると、表示が特に混乱したり、表示できなくなったりすることがあります。きちんと。
HTML と XML、および他のテクノロジを組み合わせることで、現在も将来も役立つ言語、XHTML が得られます。 将来すべてが標準化されると、XHTML の正しい形式のタグが使用され、すべてのブラウザで正しく実行できるようになるため、今から XHTML の学習を始める必要があります。

XHTML と HTML の違い:
XHTML は、ブラウザーやその他のソフトウェアがサポートする前に、このテクノロジーに慣れる必要があります。 XHTML をよりよく学ぶためには、HTML4.0 に慣れる必要があります。リファレンス マニュアルをダウンロードできます。 XHTML の学習を容易にするために、つまり、HTML を使用してコードを記述する場合、次のようなエラー コードをできるだけ少なくするように努める必要があります。 HTML を記述するには小文字を使用し、各タグの後にタグの終わりを入力します。例:
Web 教育 Web サイトへようこそ
 結束一定要有，我們要維持這個規則。
　　它們之間最大的差別在於：
　　1.XHTML 元素一定要被正確的巢狀使用。
　　在HTML裡一些元素可以不正確嵌套也能正常顯示，如：
　　This text is bold and italic　　

This text is bold and italic　　注意下一個錯誤通常發生在當嵌套。如：　　

　　　

Coffee

• 　　　
  　　　　
• Green tea
  
  　　　
  
  • 　　　
  Milk
  
  • 　　
  Coffee
  
  　　　
• Tea
　　　

　　　　
Black tea
Black teaGreen〜〟㜀㜀㜀㜀＜　　

　　　
• 　　　
  Milk
• 
  　　
  
  　　觀察上述的兩段程式碼我們可以看到正確的裡面我們在 
  • 之後插入 
   標籤。
  　　XHTML 文件一定要有正確的組織格式。
  • 　　所有的XHTML應該正確的被嵌套在以
  開始以
  結束的元素裡面，其他的元素可以有子元素，並且子元素也要被正確的嵌套在他們的父元素內。如：
  
  
　　
 ... 
• 　　
   ... 

　　因為 XHTML文件是XML應用程序， XML 對大小寫是敏感的。象  和  是兩個不同的標記。如錯誤代碼：
　　
　　This is a paragraph
　　
>　This is a paragraph
　　　　所有的 XHTML 元素一定要關閉
　　不能有沒有關閉的空的元素存在我們的代碼中，其實對於這一點我們是比較好的結束，開始就該有結束嗎？例如錯誤碼：　　
This is a paragraph
　　
This is another paragraph
　　正確的為： >　　
This is another paragraph
独立したタグを /> で終了する必要もあります。
例: エラー コード
これは休憩です

ここに水平方向の罫線が入ります:

---

これが画像です
正しいコード:
これは休憩

ここに水平方向のルールがあります:

---

これが画像です
上記の例を通して、基本的に HTML と XHTML の違いがわかりました。次に、変更を試みる必要があります。小文字のタグを使用したり、タグの後に終了タグ記号「/>」を追加したりするなど、現在の HTML は今後変更されます。

XHTML の構文
簡単に言えば、XHTML を記述するときはきれいな HTML 構文を使用する必要があります。
XHTML のその他の構文要件:
属性名は小文字である必要があります。例:
エラー コード:

正しいコード:

属性値は引用符で囲む必要があります。例:
間違ったコード:

正しいコード:

属性の省略形は禁止されています。例:
間違ったコード:

コード:

🎜>HTML 無効 disabled="disabled"
selected shade="noshade" nowrap nowrap= "nowrap"
multiple " multiple="multiple" noresize noresize="noresize"
name 属性の代わりに id 属性を使用します。例:
HTML 4.01 では、a、アプレット、フレーム、iframe、img、およびマップの name 属性が定義されています。XHTML では name 属性を使用できないため、id に置き換える必要があります。例:
エラー コード:


正しいコード:


注: 古いブラウザでこのコンテンツを正常に実行できるようにするには、タグ id 属性と name 属性の両方を一緒に使用します。例:


新しいブラウザーのブラウジングに適応するために、上記のコードの最後に / を追加してタグを終了します。

XHTML DTD はドキュメントのタイプを定義します。
XHTML では、ブラウザがドキュメントの種類を認識できるようにドキュメントの種類を宣言する必要があり、宣言部分をドキュメントの先頭の前に追加する必要があります。例:



http://www.w3.org/1999/xhtml
">


ここにタイトルが入ります


ここに本文が入ります



注: DOCTYPE 宣言は XHTML ドキュメントの一部ではなく、ドキュメントの要素でもありません//www.w3.org/1999/xhtml" は固定値です。宣言しない場合は、nbsp;Doctype goes here> タグの前に自動的に追加されます。
DOCTYPE を使用する場合の基本構造:


...

...
DOCTYPE はドキュメント タイプの略語で、使用している XHTML または HTML のバージョンを示すために使用されます。
　　其中的DTD(例如xhtml1-transitional.dtd)叫文檔類型定義，裡麵包含了文檔的規則，瀏覽器就根據你定義的DTD來解釋你頁面的標識，並展現出來。
　　要建立符合標準的網頁，DOCTYPE聲明是必不可少的關鍵組成部分；除非你的XHTML確定了一個正確的DOCTYPE，否則你的標識和CSS都不會生效。

　　XHTML 1.0 提供了三種DTD聲明可供選擇：

　　過渡的(Transitional):要求非常寬鬆的DTD，它允許你繼續使用HTML4.01的標識(Transitional):要求非常寬鬆的DTD，它允許你繼續使用HTML4.01的標識(但是要符合xhtml的寫法)。完整程式碼如下：
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
　　嚴格的(Strict):要求嚴格的DTD，你不能使用任何表現層的識別和屬性，完整程式碼如下：
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
框架的(Frameset):專門針對框架頁面設計使用的DTD，如果你的頁面中包含有框架，需要採用這種DTD。完整程式碼如下：
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

　　如何轉換現有的結構為XHTML
我們選擇什麼樣的DOCTYPE？所使用的也是過渡型DTD)。 ： 
　一、在每個頁面的首部都加上文件類型的說明。 🎜>">當然可以選擇其他類型的。
　　二、標記和name 要都用小寫。　　
三、所有的屬性值都要用引號引起來。 nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "　 四、單獨的標籤，如:  , 
 and 
，要在後面加上/來結束。
在這裡不建議使用諸如：

---

和
形式的方式，直接在其後面加/就可以了，如。
　　五、通過W3C 驗證。進入W3C DTD 的官方網站:http://validator.w3.org/check/referer，驗證時會顯示錯誤。也可以用官方網站提供的工具tidy來實現轉換：
http://www.w3.org/People/Raggett/tidy/
　　XHTML的模組化為什麼要模組化設計XHTML呢？ XHTML雖然簡單，但它的內容很多，包括了一個網頁設計師所需的絕大多數功能。 XHTML一方面內容繁多且複雜，但從另一個角度來看它卻是非常簡單的。為了將XHTML分割成小的模組，W3C已經建立起了小型的已經定義好了的一系列XHTML元素，他們獨立的能被與其他XML標準合併成的大型的更複雜的程序的簡單設備所使用。
　　透過XHTML模型，程式設計師能夠做以下的事情：

　　1.選擇那些能夠被使用XHTML構建塊標準的設備所支援的元素。
　　2.在遵循XHTML標準的同時使用XML可以對XHTML擴充。
　　3.簡單化的XHTML可以應用於像掌上電腦、行動電話、電視和家用電器等設備。
　　4.透過加入心的XML功能（像聲音、多媒體的）將XHTML延續到複雜程式的設計上。
　　5.像XHTML基本（XHTML對於行動裝置的子集）那樣來定義XHTML的輪廓。





*表示不贊成應用在XHTML中