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 テーブルに複雑なテーブル ヘッダーを実装するためのサンプル コード
推薦する
JavaScriptはパスワードボックスの検証情報を実装します
この記事では、パスワードボックスの検証情報を実装するためのJavaScriptの具体的なコードを例と...
mysql8.0.20 のダウンロードとインストールおよび発生した問題 (図とテキスト)
1.ブラウザでmysqlを検索してダウンロードしてインストールしますアドレス: https://d...
MySQL 8.0 の新機能 - 管理ポートの使用の概要
目次序文接続管理追加の接続管理ポート要約する序文皆さんの多くは、次のようなエラー メッセージに遭遇し...
deepin apt コマンドを使用して最新バージョンの docker をインストールする方法
ステップ1: Ubuntuソースを追加するルートに切り替える suルートソフトウェアソースファイルの...
Dockerが新しいイメージをロードした後にリポジトリとタグ名が両方ともnoneになる問題を解決する
次のコマンドを使用できます: docker tag [イメージID] [名前]:[バージョン]例えば...
Linux システムで IPv6 をサポートするように Nginx を設定する方法
1. 既存のnginxがipv6をサポートしているかどうかを確認する既存の nginx が ipv6...
MySQL インデックスの長さ制限の原理の分析
この記事は主に、MySQL インデックスの長さ制限の原理の分析を紹介します。サンプル コードを通じて...
JavaScript でクールなマウス テーリング効果を実装
これを見た後、あなたにも手ができて、さまざまな美しい小さなしっぽを作れるようになることを保証します!...
crontab スケジュールされたタスクが実行されない理由の分析と解決
序文Linux のスケジュールされたタスクを実装する方法としては、cron、anacron、at な...
CentOS7 での mysql 5.7.23 のバイナリ インストール
インターネット上のインストール情報は不均一で、落とし穴だらけです。インストールにはかなりの労力がかか...
MySQL sql_modeクエリと設定の詳細な説明
1. SQLを実行して表示する @@session.sql_mode を選択します。 グローバルレベ...
JavaScript ツールチェーンの不完全なガイド
目次概要静的型チェックコードスタイルチェック（Linter）パッケージマネージャーモジュールローダー...
Vue ファースト スクリーン パフォーマンス最適化コンポーネントの知識ポイントの概要
Vue ファースト スクリーン パフォーマンス最適化コンポーネントVue ファースト スクリーン パ...
WeChatアプレットはウォーターフォールフローのページングスクロール読み込みを実装します
この記事では、WeChatアプレットのウォーターフォールフローページングスクロールロードを実装するた...
CSS 動的読み込みバー効果のサンプルコード
CSS変数の知識を使って、追加したコードとコメントを直接投稿します <!DOCTYPE htm...