HTML対Xhtml; どちらから始めるか


8

私がウェブサイトの作成を学び始めている人たち、今はb / w HTMLとXHTMLの違いを知りたいです。親切に、シンプルで専門用語を使わないでください。:)

また、これらの2つの間で最初に使用するマークアップ言語は何ですか?

回答:


4

車輪を再発明する代わりに、2つのの違いを説明する素晴らしい投稿があります。しかし、w3schoolsを引用し、基本的な要約を与えるには:

The Most Important Differences:

XHTML elements must be properly nested
XHTML elements must always be closed
XHTML elements must be in lowercase
XHTML documents must have one root element

それらは非常に類似しているため、最初に何を学習するかは重要ではありません。違いは、あなたがしたいことに対してわずかなものだからです。HTMLは技術的に単純であるため、まずHTMLから始め、準備が整ったと思ったらxHTMLに分岐します。


3

最近の応答に加えて、HTML4.01とXHTML 1.0の違いを知ることは有益であり、以前の応答はそれらの違いを要約します。HTML5に導入された新しい要素とセマンティクスの小さな変更について学習を開始する必要があることもすでに述べました。HTML5仕様の優れた点は、緩やかな意味で、HTML4.01またはXHTMLコードとの下位互換性が構築されていることです。つまり、(X)HTMLページは、古いdoctypeを新しいdoctypeに単純に置き換えるだけで、すぐにHTML5ページになります<!doctype html>。HTML5サマリーの優れたリソース-HTML5に飛び込む

私が推奨するHTML5のルートに進むことにした場合、バージョン6〜8のような古いInternet Explorerは、articleまたはのような新しいHTML5要素を認識しないため、欠点がありますaside。ただし、これらの古いブラウザが新しい要素を認識してスタイルを設定できるようにするJavaScriptライブラリがいくつかあります。Modernizrまたはhtml5shivを確認してください


2

重要な違い(W3schoolsから参照、知っている、知っている)

  • XHTML要素は適切にネストする必要があります
  • XHTML要素は常に閉じる必要があります
  • XHTML要素は小文字でなければなりません
  • XHTMLドキュメントには1つのルート要素が必要です

したがって、それは別の言語ではなく、別の標準のセットです。

HTML5の学習を開始することをお勧めします。これは未来であり、現時点ではかなり成熟しています。基本的な知識を習得し始めるとき、実際にはそれらの間には大きな違いはありませんが、おそらく最新のものを選択する必要があります。


2

おそらくHTML5の学習を開始すべきだというトムの意見に同意しますが、現時点では100%ではないので、HTML5だけを学ぶことはしません。XHTMLは、適切に閉じる、名前をネストするなどの点で少し厳格であるため、基本的にはより良いコーディング習慣を教えてくれます。基本についてはXHTMLから始めて、良いコーディング習慣を学ぶことから始めて、 HTML5。優れたコーディング習慣は、エンドユーザー、あなたの後ろをフォローする可能性のある人々、そして後で自分自身を支援します。

あなたが学習している一方で、バリを通して、あなたのページを実行します。http://validator.w3.org/ これは、あなたのミスを作っているだけで、あなたが書く際に役立つ、有効なコードを公開しません場所を指しますが、暴露の問題を支援することができますあなたが持っているかもしれないスポット。


0

HTML5から始めることをお勧めします。これは、本質的に将来のHTML 4.01(別名、将来のHTML標準)になります。ただし、(X)HTMLページを作成するためのより厳密なルールセットにより、ずさんなコードで問題が発生するのを防ぐことができるため、XHTML コーディングの習慣を学ぶことは悪い考えではありません。

XHTMLの主な機能のいくつか:

  • XHTML要素と属性はすべて小文字です
  • XHTML要素は閉じている必要があります(自己終了タグが付いている場合があります/
  • XHTMLはルート名前空間を宣言する必要があります(xmlnsHTML5では必要ありませんが、とも呼ばれます)

適切にネストされた要素を持つことは技術的にHTMLを検証するための要件ですが、多くのHTMLライターは適切にネストされていない(たとえば<strong><em>Test</strong></em>)ずさんなコードを書くため、XHTMLに(誤って)関連付けられることがあります。

(X)HTMLバリデーターCSSバリデーターを使用して、作成中にコードを検証し、有効なコードを保持するための良い習慣を維持することを強くお勧めします。

コード関連の問題がある場合は、私たちのプロジェクトの1つであるStack Overflowに投稿してください。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.