質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.38%

  • HTML

    12239questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • HTML5

    5449questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

  • XHTML

    37questions

    XHTMLは、eXtensible HyperText Markup Languageの略であり、SGMLベースであるHTMLとは違って、有効なXMLドキュメントにもなるHTMLアプリケーションです。XMLベースのツールを用いて生成されるHTMLページのためによく使われるマークアップ言語です。

XHTMLとHTML5の違いについて

解決済

回答 4

投稿

  • 評価
  • クリップ 1
  • VIEW 9,343

Koji

score 97

会社で作っているウェブサイトをいくつか引き継いで運営しているのですが、すべてXHTML1.0で作られています。
今はそれで問題なく動いていますし、今後も変更の予定はないのですが、

現在の主流はやっぱりHTML5なのでしょうか?

正直XHTMLとHTML5の明確な違いっていうものが分かっておらず、HTML5がどういうものかもよくわかっておりません。
SEO的に有利不利があるのか、みなさんはどちらで作っているのかを知りたいです。

よろしくお願いいたします。
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 4

checkベストアンサー

+3

XHTMl1.0とHTML(4.01/5)のマークアップ言語としての本質的な違いは特にありません。
それぞれの規格の範囲内で正しくマークアップされている限り、
言語規格によるSEO上の有利不利も今のところ特にありません。

なので、現在運用されているサイトに特に問題が出ていないのであれば、
それを無理にHTML5に変更する必要は無いと思われます。

ただ、現在の主流は?と言われれば、HTML5の方が主流になっているのは間違いないです。
今後もし、全面的にリニューアルするとか、新規で新しいサイトを立ち上げるとかであれば、
マークアップ規格にHTML5を選ばない理由はありませんし、積極的にXHTML1.0を採用する
理由も特に見当たりません。

IE8以下の古いブラウザは、確かにHTML5から新たに追加された要素・属性には対応していませんが、
表示崩れを防ぎたいのであれば「html5shiv.js」などのポリフィルスクリプトを読ませればそれで済む話ですし、Web Form2.0のような新しい機能がIE8以下で使えないことが困るのであれば動作しない新しい機能は使わなければいいだけの話です。

ちなみに現在Web業界全体が急速にHTML5/CSS3に移行していますので、
新しく登場する便利なツールやCSSフレームワーク、プラグイン、WPテーマなどは
軒並みHTML5前提となってきており、逆にXHTML1.0時代の古いものはサポートが終了し放置されてきています。

なので古い(といってもほんの数年前のものですが…)技術・規格の範囲内で今後もずっと運用し続けていくことは、どこかで無理が来ることになるのではないかと予想されます。

今すぐどうこうということは無いと思いますが、2016年1月にはマイクロソフトのIE8のサポートも終了しますし、そうなるとHTML5/CSS3への移行速度はますます加速すると思います。
なので、今後もずっとWeb業界に関わるなら、今のうちにHTML5の勉強も少しずつ進めておき、いつでもすぐ移行できるように準備しておくことをお勧めします。




投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/09/17 09:21

    ご回答ありがとうございました。

    少しずつHTML5の勉強もしていきたいと思います。

    キャンセル

+3

まず、歴史的なことから。

HTMLはもともとSGMLというのに基づいて作られています。ただ、SGMLでは色々と問題があったため、より拡張しやすいものとしてXMLが作られました。そして、HTML4.01をXMLに対応したのがXHTML1.0になります。その後一悶着あったのですが、新しいHTMLとしてHTML5が作られました。HTML5は厳密にはSGMLではありませんがHTML4.01の後継のように書けるようになっています。そして、HTML5をXMLに対応したXHTML5もちゃんと策定されています。

まとめると
HTML4.01 + XML = XHTML1.0
↓後継↓                  ↓後継↓
HTML5     + XML = XHTML5
みたいな関係です。

つまり、考えなければならないのは、HTML4.01ベースからHTML5ベースにするのか、また、HTMLにするのかXHTMLにするのかです。

では、今後HTML5またはXHTML5を使うべきかどうかですが、私はYesと考えます。理由はいくつかあります。
  • 現在HTML5に未対応でサポート期間にあるブラウザはIE7とIE8ぐらいです。この二つも2016年1月にはサポート期間が終了します。セキュリティの観点からもサポート期間が過ぎた古いブラウザを使わせるべきではありません。
  • HTML5ではより構造的な書き方ができます。CSSと組み合わせると、デザインと構造の分離がとてもしやすくなります。
  • HTML5はブラウザ間で曖昧だった部分まで定義しているため、ブラウザ間の解釈の違いがあまりありません。
  • Videoなどのメディアに対応し、JavaScriptを使えばJavaアプレットやFlashと同等のコンテンツが提供できます。昨今のJavaやFlashで脆弱性問題が多いことから、ブラウザ以外のプラグインインストールを強要するWebページは避けるべきです。

次にHTML5とXHTML5どちらがいいかというとこれはなんとも言えません。XHTML5にする利点(及び欠点)はHTML4.01ではなくXHTML1.0にする利点(及び欠点)と同じぐらいでしょう。すでにXHTML1.0に慣れているのであれば、XHTML5の方がいいかと思います。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/09/17 09:21

    ご回答ありがとうございました。

    XHTML5っていうのもあるんですね、参考になりました。

    キャンセル

+2

HTML5は比較的新しいので、対応しているブラウザが限られてます。
古いバージョンのブラウザは対応していないかと。

どれを使って開発するかは、そのウェブサイトを見てもらう対象によって
変わってくるのではないかなと思います。

違いについて説明しているサイトを見つけたので、ご参考まで。
「HTML 4.01」と「XHTML 1.0」と「HTML5」の違いまとめ

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/09/17 09:24

    ご回答ありがとうございました。

    リンク先のサイト、参考にさせていただきます。

    キャンセル

+1

kaputarosさんと全く同じなので、投稿しなくても良いかな?と思ったのですが・・・w

まさに、誰がそのサイトを見るのか?が重要ですね。

例えば、IE6とか古いブラウザを使ってるユーザーが多いサイトであるならば、HTML5は避けなければいけませんし、最新のブラウザやスマホを使っているようなユーザが多いサイトであれば、HTML5に変えても問題はないと思います。ひとまず、アナリティクスを眺めてみても良いかと。

主流っちゃ主流ですが、両方が混在しているサイトもありますしね。

HTML5が動かないブラウザを想定しての苦肉の策だと思いますが、最新の技術が向上しにくいという意味で制作者泣かせには変わりないですがね。余談でした。

ちなみに、どちらを選ぶかでSEO的に有利不利はないので、そこは気にしなくて良いと思います。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/09/17 09:26

    ご回答ありがとうございました。

    状況を見て今後検討したいと思います。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.38%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • HTML

    12239questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • HTML5

    5449questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

  • XHTML

    37questions

    XHTMLは、eXtensible HyperText Markup Languageの略であり、SGMLベースであるHTMLとは違って、有効なXMLドキュメントにもなるHTMLアプリケーションです。XMLベースのツールを用いて生成されるHTMLページのためによく使われるマークアップ言語です。