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 テーブルに複雑なテーブル ヘッダーを実装するためのサンプル コード
推薦する
Win10 VM 仮想マシンに Mac OS10.14 を完璧にインストールする (グラフィック チュートリアル)
最近、Apple の記者会見を見てとても興奮したので、Mac システムを体験して Apple の素晴...
ウェブページの幅を携帯電話の画面（ビューポート）の幅に自動的に適応させる実装コード
一般的な書き方は次のとおりです。 XML/HTML コードコンテンツをクリップボードにコピー<...
MySQL 5.7.30 のインストールとアップグレードの問題に関する詳細なチュートリアル
くさびコンピュータにインストールされている MySQL のバージョンが比較的古く、おそらくバージョン...
FileZilla 425 FTP に接続できない (Alibaba クラウド サーバー) の解決策
Alibaba Cloud ServerがFTPに接続できないFileZilla 425 データ接続...
Vue3ライフサイクル関数とメソッドの詳細な説明
1. 概要いわゆるライフサイクル機能とは、特定の条件下で自動的にトリガーされる機能です。 2. VU...
Dockerを使用して完全な開発環境を構築するための詳細なチュートリアル
DNMP の紹介DNMP (Docker + Nginx + MySQL + PHP7/5 + Re...
Ubuntu 18.04 に opencv 3.2.0 をインストールするためのソリューション
opencv.zip をダウンロード依存関係を事前にインストールします。まずダウンロードソースを更新...
大規模な MySQL テーブルに対する count() の実装を最適化しました
以下は、B+ ツリーのデータ構造と実験結果からの推測に基づいた私の判断です。間違いがあればご指摘くだ...
MySQL ツリー構造テーブルの設計と最適化に関する簡単な説明
序文多くの管理・オフィスシステムでは、ツリー構造がいたるところで見られます。たとえば、「部門」や「機...
nginxプロセスロックの実装の詳細な説明
目次1. nginxプロセスロックの役割2. エントリーレベルのロックの使用3. nginxプロセス...
win10 での mysql5.7.21 の詳細なインストール手順
この記事では、MySQL 5.7.21のインストールとインストール中に発生した問題を参考までに紹介し...
Linux のファイル圧縮とパッケージ化の概要
1. 圧縮と包装の概要一般的な圧縮ファイルウィンドウズ .rar .zip .7z Linux .z...
Mysql 中国語ソートルールの説明
MySQL を使用する際、フィールドをソートしたりクエリしたりすることがよくあります。通常は、中国語...
背景位置パーセンテージ原則の詳細な説明
今日、誰かがコードを調整するのを手伝っていたとき、次のようなスタイルを見つけました。 背景位置: 5...
フロントエンド例外 502 不正なゲートウェイの原因と解決策
目次502 不正なゲートウェイ エラーの発生1. 502 不正なゲートウェイ エラーとは何ですか? ...