コメント:HTML5は最新のHTML標準です。 HTML5のWebサイトを再開発することは、2つのバージョンの間に大きな違いがあるため、HTML4からHTML5にWebサイトを移行するよりもはるかに簡単です。
HTML5は最新のHTML標準です。遅かれ早かれ、すべてのWebプログラマーは、この最新の標準を使用する必要があることがわかります。さらに、多くの人々は、2つのバージョンの間に大きな違いがあるため、HTML5のWebサイトを再開発することがWebサイトをHTML4からHTML5に移行するよりもはるかに簡単だと感じるでしょう。
実際、HTML5はHTML4に大きな変更を加えていません。それらの多くは似ています。
ただし、知っておくべき非常に重要な違いがいくつかあります。以下は、HTML4とHTML5の主な違いの一部です(すべてではありませんが、それらすべてをリストすることは不可能です):
1。HTML5標準はまだ策定されています
この1つの違いは明らかですが、それは非常に重要です。最初に始める必要があります。 HTML5がどこでもクールであることに気付いたかもしれませんが、真実はHTML5が未完成の標準であるということです。 HTML4はすでに10年前ですが、現在の正式な標準であるという事実は変更されていません。
一方、HTML5はまだ初期段階にあり、将来の変更が引き続き表示されます。これを考慮する必要があります。これは、Webサイトで使用されている新しく追加または変更されたWeb要素が毎年いつか変更されるため、ウェブサイトを絶えず更新およびアップグレードする必要があるためです。これが、製品でHTML4を使用し、これまでの実験でHTML5を使用する方が良い理由です。
2。簡素化された構文
よりシンプルなDoctype宣言は、HTML5の多くの新機能の1つです。これで、<!doctype html>を書くだけで、それだけです。 HTML5の構文はHTML4およびXHTML1と互換性がありますが、SGML互換ではありません。
3.フラッシュを置き換える新しい<canvas>タグ
Webユーザーにとって、Flashは驚きと痛みの両方です。多くのWeb開発者は、HTML5がフラッシュする脅威に非常に不満を抱いています。しかし、ロードと実行に何年もかかる膨満感のあるフラッシュビデオに耐えている人にとっては、新しい<canvas>タグを使用してビデオを生成するテクノロジーが到着しました。
現在、<canvas>タグは、Flashが持つすべての機能を提供することはできませんが、やがてFlashはWebから間違いなく排除されます。多くの人がまだこの見解に同意していないので、待って見てみましょう。
4。NEW<HEADER>および<Footer>タグ
HTML5は、ウェブサイトの解剖学をよりよく説明するように設計されています。それが、これらの<ヘッダー>と
<footer>などの新しいマークが導入され、ウェブサイトのこれらの部分専用に設計されています。
Webサイトを開発するときは、Webページのこれらの部分をマークするために<div>タグを使用する必要がなくなります。
5。NEW<SECTION>および<ports>タグ
<header>および<footer>タグと同様に、HTML5で導入された新しい<section>および<ports>タグにより、開発者はページ上のこれらの領域にラベルを付けることができます。
コードをより整理することに加えて、SEOの結果を改善し、検索エンジンがページを分析しやすくすることも推測されています。
6。NEW<メニュー>および<フィギュア>タグ
新しい<メニュー>タグは、通常のメニューとして、またはツールバーで使用し、メニューを右クリックすることができますが、これらはページでは一般的に使用されていません。
同様に、新しい<フィギュア>タグは、ページ上のテキストと画像を管理するためのより専門的な方法です。もちろん、StyleSheetsを使用してテキストと画像を制御できますが、HTML5に組み込まれたこのタグを使用する方が適しています。
7。NEW<Audio>および<video>タグ
新しい<Audio>および<ビデオ>タグは、おそらくHTML5で追加された2つの最も有用なものです。タグ名と同様に、オーディオファイルやビデオファイルを埋め込むために使用されます。
さらに、ビデオを追跡するためのテキスト情報を提供するために使用される<track>などの新しいマルチメディアタグと属性がいくつかあります。これらのタグを使用すると、HTML5はWeb2.0機能をますます友好的にします。問題は、HTML5が広く受け入れられる前に、Web2.0がまだ古いWeb2.0であったことです。
8。真新しいフォームデザイン
新しい<フォーム>および<forminput>タグには、元のフォーム要素がまったく新しい変更があり、多くの新しい属性(およびいくつかの変更)があります。フォームを頻繁に開発する場合は、時間をかけてそれらをより詳細に研究する必要があります。
9. <b>および<font>タグを使用しなくなりました
私にとって個人的には、これは私があまり理解していない変化です。 <b>と<font>マークを削除することがどれほど利益になるとは思いません。公式のガイダンスでは、これらのマーカーはCCSを通じてより良く処理できると述べていますが、このようにして、記事の1つまたは2つの場所に表示するには、この関数を独立したCSSとテキストに実装する必要があります。たぶん、私たちは将来この方法に慣れるでしょう。
10。<frame>、<center>、<big>タグを使用しなくなりました
実際、これらのマークがいつ使用されたかを思い出せないので、それらを削除することを悲しむことはありません。同じ理由で、機能を実装できるより良いマーカーがあります。これは良いことですが、無効なマーカーは標準から削除されます。
これらの10のHTML5とHTML4の違いは、新しい仕様全体のほんの一部です。これらの主要な変更に加えて、<ol>タグの属性を変更して逆にソートできるようにしたり、<u>タグを変更できるようにするなど、いくつかの小さな変更を言及することもできます。
これらの小さな変更はすべて多数あります。また、新しい変更も増加しているため、最新のトレンドをリアルタイムで追跡したい場合は、w3.orgのHTML4とHTML5のこのページの違いを頻繁に表示する必要があります。あなたが心配していて、あなたの作品でこれらの新しいタグと属性を使用したい場合は、実験を行う方が良いことをお勧めします。その理由は、これらの新しいタグと属性が将来的に大きく変わる可能性があることを明らかにしているため、コードを更新し続けない限り、それらは期限切れになり、期限切れになる可能性があります。
今日の最も人気のあるブラウザはHTML5をサポートしていますが、一部の新しい(または変更された)タグやプロパティはそれらをサポートしていないため、ユーザーの画面にページが矛盾する場合があります。辛抱強く待って、HTML5が本当に役立つ場合を待ちます。まだ時間ではありません。