HTML5 と HTML4 の 10 の主な違い

HTML5 と HTML4 の 10 の主な違い

HTML5 は HTML 標準の次のバージョンです。ますます多くのプログラマーが、Web サイトの構築に HTML5 を使い始めています。 HTML4 と HTML5 の両方を使用する場合、HTML4 から HTML5 に移行するよりも、HTML5 を使用して最初から構築する方がはるかに簡単であることがわかります。 HTML5 は HTML4 を完全に覆すものではなく、両者には依然として多くの類似点がありますが、いくつかの重要な違いもあります。この記事では、それらの主な違いを 10 個挙げます。

1. HTML5標準はまだ開発中である

まず最初に注意すべきことは、HTML5 は現在非常に人気がありますが、HTML5 標準はまだ開発中であり、標準は依然として変更されているということです。 HTML4 は 10 年以上経過しており、何も変更されることはありません。

2. 簡略化された構文

HTML5 では、doctype 宣言などの多くの微妙な構文が簡素化されており、<!doctype html> と記述するだけで済みます。 HTML5 は HTML5 および XHTML1 と互換性がありますが、SGML とは互換性がありません。

3.<canvas>タグがFlashに代わる

Flash は多くの Web 開発者に問題を引き起こしています。Web ページで Flash を再生するには、多くのコードとプラグインが必要です。 <canvas> タグを使用すると、開発者は 1 つのタグだけを使用して UI 上でユーザーと対話できます。 <canvas> タグは現時点では Flash のすべての機能を実現することはできませんが、<canvas> によって Flash はすぐに時代遅れに見えるようになるでしょう、ハハ!

4. <header>タグと<footer>タグを追加する

HTML5 デザインの原則の 1 つは、Web サイトのセマンティクスをより適切に反映することであるため、<header> や <footer> などのタグが追加され、Web ページの構造が明確になります。

5. <section>タグと<article>タグを追加する

<header> や <footer> と同様に、<section> や <article> も Web ページの構造を明確にするのに役立ち、SEO に役立ちます。

6. <menu>タグと<figure>タグを追加する

<menu> は、従来のメニューだけでなく、ツールバーやコンテキスト メニューを作成するためにも使用できます。 <figure> タグを使用すると、Web ページ上のテキストと画像のレイアウトがよりプロフェッショナルになります。

7. <audio>タグと<video>タグを追加する

これら 2 つのタグは、HTML5 で最も便利な 2 つのタグかもしれません。名前が示すように、これら 2 つのタグはオーディオとビデオの再生に使用されます。

8. まったく新しいフォーム

HTML5 では、<form> タグと <forminput> タグに多くの変更が加えられ、多くの新しい属性が追加され、多くの属性が変更されました。

9. <b>タグと<font>タグを削除する

この改善点はまだ理解できません。これら 2 つのタグを削除しても、コードはあまり改善されないと思います。公式の説明では、これら 2 つのタグを置き換えるには CSS を使用する必要があります。しかし、これら 2 つのタグは単純なテキストには非常に便利だと思います。

10. <frame>、<center>、<big>タグを削除する

これらのタグを最後に使用したのはいつだったか思い出せません。

上記の記事では、HTML5 と HTML4 の 10 の主な違いについて簡単に説明しました。私が皆さんにお伝えしたいのはこれだけです。この記事が皆さんの参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  Tomcat のインストール後に起こりうる問題の紹介

>>:  HTML テーブルに複雑なテーブル ヘッダーを実装するためのサンプル コード

推薦する

MySQL 永続統計の詳細な説明

1. 永続的な統計情報の重要性:統計は、MySQL が実行プランを生成するためのガイドとして使用され...

Dockerfile における ENTRYPOINT と CMD の違い

Docker システムの学習チュートリアルでは、Dockerfile を使用して Docker イメ...

相対幅と絶対幅が競合する場合の HTML+CSS div ソリューション

相対幅と絶対幅が競合する場合のdivソリューション概要: 一般的に、絶対幅を使用する場合は px を...

Reactにおけるフックの一般的な使用法

目次1. フックとは何ですか? 2. フックはなぜ現れるのでしょうか? 3. よく使われるフックは何...

Windows 10 での MySQL 8.0.12 解凍バージョンのインストール グラフィック チュートリアル

この記事は、MySQL 8.0.12解凍版のインストールグラフィックチュートリアルを記録しています。...

Vueプロジェクトはログインと登録の効果を実現します

この記事の例では、ログインと登録の効果を実現するためのvueプロジェクトの具体的なコードを共有してい...

1つの記事でJavaScriptのクロージャ関数について学ぶ

目次変数のスコープ閉鎖の概念クロージャの使用クロージャのデメリット最後に、クロージャのメリットとデメ...

CSS3入力ボックスの実装コードはGoogleログインのアニメーション効果に似ています

CSS3を使用して、Googleログインページと同様の入力ボックスをアニメーション化します。効果1 ...

CSSのマッチング問題を解決する

問題の説明ご存知のとおり、CSS を記述する場合、HTML のクラスの定義または ID の定義に従っ...

Vue.jsはElement-uiを使用してナビゲーションメニューを実装します

この記事では、Element-uiを使用してvue.jsでナビゲーションメニューを実装するための具体...

MySQL パフォーマンス チューニングについて知っておくべき 15 個の重要な変数 (要約)

序文: MYSQL は最も人気のある WEB バックエンド データベースです。最近、NOSQL がま...

Vue は div の高さをドラッグ可能にします

この記事では、divのドラッグ可能な高さを実現するためのVueの具体的なコードを参考までに共有します...

Linux nohup はプログラムをバックグラウンドで実行し、表示します (nohup と &)

1. バックグラウンド実行一般的に、Linux 上のプログラムは .sh ファイル (./sh フ...

Linux での Nginx 監視の問題

nginxのインストール仮想マシンがインターネットにアクセスできることを確認します。 1. ルートユ...

nginx での書き換えジャンプの実装

1. 新旧ドメイン名のジャンプ適用シナリオ: ドメイン名ベースのリダイレクト。会社の古いドメイン名は...