What is XHTML??_Experience exchange

Foreword:
Nowadays, everyone pays attention to standard website building, and the technology used in standard website building is mainly XHTML+CSS. Now we generally use HTML code, so how should I convert it? And what is the difference between HTML and XHTML? In this tutorial, you will learn the differences between HTML and XHTML, and how to convert HTML to XHTML. After all, XHTML is the direction of development, so I think it is necessary to publish this tutorial on this site. I feel that if you want to use standards, it's better to learn HTML first because it's easier, and then look at this tutorial. At the same time, this is also a continuation of the WEB standard XHTML&CSS I have published.

Introduction to XHTML:
In fact, the standard we are talking about should be XML, so why should we learn XHTML? Because the current HTML code is cumbersome and full of risks, but the XML usage environment is not yet mature, an excessive product has been launched, which is XHTML, which plays a role of ups and downs. Some people also think that XHTML is an upgraded version of HTML, which is actually correct. My understanding is that XHTML is a markup language that makes HTML more standardized, making HTML more powerful and reducing the cumbersome code, especially tables.
XHTML was established as a standard by the international standards organization W3C (World Wide web Consortium) on January 26, 2000. It is considered the latest version of HTML and will gradually replace HTML. All browsers now support XHTML, and XHTML is compatible with HTML 4.0. Some people also think that XHTML is HTML4.01. If you write a standard-compliant website during the learning process, you can pass W3C verification. After passing the verification, you will get a mark, usually XHTML1.0 certification and CSS verification. I don’t know how many websites in China have passed these two verifications at the same time. You can go to http://www.w3.org/ to verify your site. If it meets those two rules, we will give us two pieces of code to add to your webpage to show to others. It shows that you adopted the standard to build the website, awesome!

Why we use XHTML
Let’s look at an HTML that contains an error code, as follows:

Bad HTML　

Although it contains error codes, it can still be displayed normally when we browse it in the browser. XML is a markup language, but it requires that any element that appears in a web page should be marked. XML is used to describe the data in the web page, while HTML is used to display the elements in the web page. The various browser technologies we currently use on the Internet, including laptops, mobile phones, etc., all require that some content to be browsed must be correctly tagged. If there are incorrect tags, the display may be particularly confusing or even unable to display properly.
So combining HTML and XML, as well as other technologies, we get a language that is useful now and will be useful in the future - XHTML. When everything is standardized in the future, we will use XHTML correctly formatted tags so that all browsers can execute it correctly, so it is necessary for us to start learning XHTML now.

The difference between XHTML and HTML:
XHTML is a new technology. Before browsers and other software support it, it should be necessary for us to be familiar with this technology. In order for us to better learn XHTML, we should be familiar with HTML4.0. We can download a reference manual to get familiar with it. In order to make it easier for us to learn XHTML, in other words, when we use HTML to write code now, we should try our best to write as few error codes as possible, such as: use lowercase characters to write HTML, and add the end of the tag after each tag. For example:
Welcome to the web teaching website
There must be an end, and we must maintain this rule.
The biggest difference between them is:
1.XHTML elements must be nested correctly.
In HTML, some elements can be nested incorrectly and still display normally, such as:
This text is bold and italic
But in XHTML it must be correct It can be used normally after nesting, such as:
　This text is bold and italic
Note: This error usually occurs in tags when nested multiple levels. Such as:

• Coffee


• Tea
  
  
  
  • 　
    
  • 　
  Milk
  
  
  
• The correct one should be:

Coffee

　
Tea
• 　

　
• Black tea
  
  　
  Green tea
  • 　
    
  • 　
  
  
  Milk
  
　

• Observing the above two pieces of code, we can see that correctly we insert the
tag after
.

XHTML files must have the correct organizational format.
All XHTML should be correctly nested within elements starting with and ending with . Other elements can have child elements, and child elements should be correctly nested within their parent elements. Inside. For example:

...

...
Tag names must be in lowercase letters. Because XHTML documents are XML applications, XML is case-sensitive. The symbols
and are two different tags. For example, the error code:



This is a paragraph
a paragraph

　

All XHTML elements must be closed There cannot be empty elements that are not closed in our code. In fact, it is easier for us to end this point. Should there be an end to the beginning? For example, the error code:

This is a paragraph
This is another paragraph

The correct one is:

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 に基づいてページの ID を解釈し、表示します。
標準に準拠した Web ページを構築するには、DOCTYPE 宣言が不可欠かつ重要なコンポーネントです。XHTML が正しい DOCTYPE を決定しない限り、ロゴも CSS も有効になりません。

xhtmlの書き方）。完全なコードは次のとおりです。

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 厳密: 厳格な要件を持つ DTD。プレゼンテーション層の識別子と属性は使用できません。完全なコードは次のとおりです:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " フレームセット: フレーム ページ用に特別に設計された DTD。ページにフレームが含まれている場合は、この DTD を使用する必要があります。完全なコードは次のとおりです。
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd
">nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " 既存のコードを変換する方法構造を XHTML に変換する
どの DOCTYPE を選択しますか? 理想的な状況はもちろん厳密な DTD ですが、Web 標準に慣れていないほとんどのデザイナーにとっては、現時点では暫定的な DTD (XHTML 1.0 Transitional) が理想的な選択です。このサイトでは、移行 DTD も使用しています)。この DTD を使用すると、プレゼンテーション層の識別子、要素、属性も使用できるため、W3C コード検証に合格することが容易になります。
現在の HTML から XHTML に変換する場合、次の点に注意してください。
1. 各ページの先頭にドキュメント タイプの説明を追加します。例:

http://www.w3.org/TR/xhtml1/ DTD/xhtml1-transitional.dtd<.>">もちろん、他のタイプを選択することもできます。
2. タグと名前には小文字を使用します。 nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "3. すべての属性値は引用符で囲む必要があります。 4.
、
、
などの個々のタグは、最後に / を追加して終了する必要があります。

---

や などのメソッドの使用は推奨されません。
などの直後に / を追加します。 5. W3C 検証に合格しました。 W3C DTD の公式 Web サイト http://validator.w3.org/check/referer
にアクセスすると、検証中にエラーが表示されます。公式 Web サイトが提供する Tidy ツールを使用して変換を行うこともできます:
http://www.w3.org/People/Raggett/tidy/ XHTML モジュール性 XHTML のモジュール設計はなぜでしょうか? XHTML はシンプルですが、Web デザイナーが必要とするほとんどの機能を含む多くのコンテンツが含まれています。 XHTML は、一方では複雑ですが、他方では非常にシンプルです。 XHTML を小さなモジュールに分割するために、W3C は、他の XML 標準と組み合わせてより大規模で複雑なプログラムにできる単純なデバイスで独立して使用できる、明確に定義された小さな XHTML 要素のセットを確立しました。

XHTML モデルを通じて、プログラマは次のことを実行できます。

1. XHTML ビルディング ブロック標準を使用するデバイスでサポートできる要素を選択します。
2. XHTML は、XHTML 標準に従いながら XML を使用して拡張できます。
3. 簡素化された XHTML は、ハンドヘルド コンピュータ、携帯電話、テレビ、家電製品などのデバイスに適用できます。
4. 新しい XML 関数 (サウンドやマルチメディアなど) を追加することで、XHTML を複雑なプログラムの設計に拡張します。
5. XHTML Basic (モバイル デバイス用の XHTML のサブセット) と同様に、XHTML のアウトラインを定義します。




*はXHTMLへの適用が不承認であることを示します