XHTML チュートリアル: 初心者のための XHTML の基礎

XHTML チュートリアル: 初心者のための XHTML の基礎
<br />当サイトのオリジナルコンテンツですので、転載の際は出典を123WORDPRESS.COMと明記してください。
序文:
現在、私たちは標準的なウェブサイト構築に注目しており、標準的なウェブサイト構築で使用されるテクノロジーは主に XHTML CSS です。現在、一般的に HTML コードを使用していますが、これをどのように変換すればよいでしょうか? HTML と XHTML の違いは何でしょうか?このチュートリアルでは、HTML と XHTML の違いと、HTML を XHTML に変換する方法について学習します。やはりXHTMLが開発の方向性なので、このサイトでこのチュートリアルを公開する必要があると思います。標準を使用する場合は、まず HTML を学習した方が簡単なので、その後にこのチュートリアルを参照する方がよいと思います。
XHTML の概要:
XHTML は EXtensible HyperText Markup Language の略称で、HTML は HyperText Markup Language の略称です。これが名前の違いです。実際、私たちが話している標準は XML であるはずなのに、なぜ XHTML を学ぶ必要があるのでしょうか?現在の HTML コードは扱いにくく危険に満ちている一方で、XML の使用環境はまだ未熟であるため、両方の役割を果たす中間製品である XHTML が登場しました。 XHTML は HTML のアップグレード版だと考える人もいますが、それは正しいです。私の理解では、XHTML によって HTML はより標準化されたマークアップ言語となり、HTML がより強力になり、コード、特に表の煩雑さが軽減されます。
XHTML は、2000 年 1 月 26 日に国際標準化機構 W3C (World Wide Web Consortium) によって標準として定義されました。これは HTML の最新バージョンであると考えられており、徐々に HTML に取って代わることになります。現在、すべてのブラウザは HTML 4.0 と互換性のある XHTML をサポートしています。 XHTML は HTML4.01 であると考える人もいます。学習プロセス中に標準に準拠したサイトを自分で作成すると、W3C 検証に合格でき、検証後にロゴを取得できます。通常は、XHTML1.0 認証と CSS 検証です。中国で両方の検証に合格したウェブサイトがいくつあるかはわかりません。 http://www.w3.org/ にアクセスして、Web サイトを検証できます。2 つのルールを満たしている場合は、Web ページに追加して、標準的な Web サイト構築方法を使用していることを他のユーザーに示すための 2 つのコードが提供されます。すばらしいですね。
XHTML を使用する理由
XHTML は HTML から XML への移行製品であり、標準として定義されています。XHTML は HTML 4.01 と完全に互換性があり、XML 構文を備えています。次のようなエラー コードを含む HTML ファイルを見てみましょう。
<html>
<ヘッド>
<title>これは不適切な HTML です</title>
<本文>
<h1>不適切な HTML
</本文>
エラーコードが含まれていますが、ブラウザで閲覧すると正常に表示されます。 XML はマークアップ言語ですが、Web ページに表示されるすべての要素をマークする必要があります。XML は Web ページ内のデータを記述するために使用され、HTML は Web ページ内の要素を表示するために使用されます。ノートパソコン、携帯電話など、現在インターネットを閲覧するために使用されているさまざまなブラウザ テクノロジでは、閲覧するコンテンツの一部が正しくマークされている必要があります。マークが間違っていると、表示が非常にわかりにくくなったり、正しく表示されないこともあります。
そこで、HTML と XML を他のいくつかのテクノロジーと組み合わせて、現在も将来も役立つ言語、XHTML が誕生しました。
将来すべてが標準化されると、すべてのブラウザが正しく実行できるように、XHTML の正しくフォーマットされたタグを使用する必要があります。そのため、今から XHTML の学習を開始する必要があります。
XHTML と HTML の違い:
XHTML は新しい技術です。ブラウザやその他のソフトウェアがサポートする前に、XHTML について理解しておく必要があります。 XHTML をよりよく学習するには、リファレンス マニュアルをダウンロードして理解する前に、HTML4.0 に精通している必要があります。 XHTML をもっと簡単に学べるように、言い換えれば、HTML コードを書くときに、できるだけ間違ったコードを書かないように努力する必要があります。たとえば、HTML を書くときは小文字を使用し、各タグの後にタグの末尾を追加します。たとえば、<p>123WORDPRESS.COM Welcome you</p> 終わりは必ずあるので、このルールを守らなければなりません。
前のページ1 2 3 4 5 6 次のページ 続きを読む

<<:  JavaScript の手ぶれ補正とスロットリングの詳細な説明

>>:  Dockerモードで起動したTomcatのホームページにアクセスすると404エラーが発生する

推薦する

ウェブデザインにおける円形要素の使用例 25 選

本日の投稿では、Web デザインで使用される円形要素の優れた例をいくつか挙げ、美しい丸いボタン、メニ...

Kubernetesでポッドを作成する方法

目次ポッドを作成するには? kubectl ツールポッドを作成するには?前回の記事では、コンテナとポ...

MySQL全文インデックスの原理と欠点

MySQL フルテキスト インデックスは、特定のテーブルの特定の列に表示されるすべての単語のリストを...

Vue3とElectronを使ったデスクトップアプリケーションの詳しい説明

目次Vue CLIはVueプロジェクトを構築しますVue プロジェクトをマークダウン エディターに変...

Swiper+echartsは複数のダッシュボードの左右スクロール効果を実現します

この記事では、ダッシュボードの左右スクロール効果を実現するためのスワイパー+echartsの具体的な...

iframe src 割り当ての問題 (サーバー側)

今日この問題に遭遇しました。サーバー側でiframeのsrc値を再割り当てし、iframeにIDを追...

ビジュアルデザインとインタラクションデザインについて

<br />製品設計プロセス全体において、ビジュアルデザインとインタラクションデザインの...

HTMLの基礎を徹底解説(第1部)

1. WEBを理解するWeb ページは主にテキスト、画像、ハイパーリンクなどの要素で構成されていま...

CentOS7 環境での DHCP 設定チュートリアル

目次CentOS7環境での設定コマンド手順1. DHCP設定ファイルを設定する2. グローバル構成を...

HTML ウェブページにおけるさまざまなフォント形式の詳細

このセクションでは、テキストの変更の詳細から始めます。これにより、読者はさまざまな HTML フォン...

IE10以下のimgタグ問題の解決方法

問題を見つける以前、簡単なデモを書いたのですが、IE10以下では動作しないことがわかりました。ここに...

js における関数のネストとクロージャの詳細

目次1. 範囲2. 関数の戻り値3. 関数のネスト4. 終了5. クロージャの実用的応用1. 内部変...

node.js でマルチコア CPU を最大限に活用する方法

目次概要node.js でマルチコア CPU を最大限に活用する方法Node で子プロセスを作成する...

PXEを使用してLinuxシステムを自動的に展開する方法

目次背景DHCPの設定DHCP ファイル (動的ホスト構成プロトコル) の編集tftp 設定sysl...

例によるMySql CURRENT_TIMESTAMP関数の分析

時間フィールドを作成するときデフォルトのCURRENT_TIMESTAMPデータを挿入する際、このフ...