ホームページ ウェブフロントエンド H5 チュートリアル HTML5 の構造とセマンティクス (1): Preface_html5 チュートリアルのスキル

HTML5 の構造とセマンティクス (1): Preface_html5 チュートリアルのスキル

May 16, 2016 pm 03:51 PM
html web しかし 要素 ブラウザ 構造 セマンティクス 言語


ハイパーテキスト マークアップ言語 (HTML) 5 では、HTML に新しい要素が初めて導入されました。新しい構造要素には、側面、図、セクションが含まれます。新しいインライン要素には、時間、メーター、進行状況が含まれます。新しいインライン要素はビデオとオーディオです。新しい対話型要素は、詳細、データグリッド、コマンドです。
ハイパーテキスト マークアップ言語 (HTML) の開発は 1999 年の HTML 4 で終了しました。 World Wide Web Consortium (W3C) は、HTML の基礎となる構文を Standard Generalized Markup Language (SGML) から Extensible Markup Language (XML) に変更することに焦点を当て、さらに Scalable Vector Graphics (SVG) などの新しいマークアップ言語にも焦点を当てています。 )、XForms、MathML。ブラウザ メーカーは、タブやリッチ サイト サマリー (RSS) リーダーなどのブラウザ機能に重点を置いています。 Web デザイナーは、非同期 JavaScript XML (Ajax) を使用して、Cascading Style Sheets (CSS) と JavaScript™ 言語を使用して既存のフレームワーク内でアプリケーションを構築する方法を学び始めています。しかし、その後 8 年間、HTML 自体は何も変わりませんでした。
最近また復活してきました。 Apple、Opera、Mozilla Foundation の 3 つの主要なブラウザ ベンダーは、従来の HTML の新しいバージョンを開発するために Web Hypertext Application Technology Working Group (WhatWG) を結成しました。最近、W3C もこれらの活動に注目し、独自の新世代 HTML プロジェクトを立ち上げました。両者のメンバーの多くは同じです。 2 つのプロジェクトは最終的に統合される可能性があります。多くの詳細はまだ議論されていますが、HTML の次期バージョンの大まかな概要はすでに明らかになっています。
Web 開発者は 1999 年以来、HTML の新しいバージョン (HTML 5 と呼ばれることが多いですが、Web アプリケーション 1.0 とも呼ばれます) を待ち望んでいましたが、このたびついにリリースされました。 HTML の元の機能が維持されており、名前空間やパターンはありません。要素は終了する必要はありません。ブラウザはエラーを寛大に扱います。 p は依然として p であり、テーブルは依然としてテーブルです。
Web 開発者が 1999 年に凍結され、今解凍されたとしたら、いくつかの新しい混乱する要素に遭遇するでしょう。はい、div などのよく知られた要素はまだ存在しますが、HTML にはセクション、ヘッダー、フッター、ナビゲーションなどの新しい要素も含まれています。 em、code、strong はそのままですが、meter、time、m が追加されました。 img と embed は引き続き利用できますが、ビデオとオーディオが追加されました。しかし、詳しく調べてみると、これらの要素は実際には区別できないことがわかりました。これらの要素の多くは、おそらく 1999 年に開発者が必要としていたものの、入手できなかったものです。これらの新しい要素は、彼がすでに習得した要素との簡単な類似によって簡単に理解できます。実際、Ajax や CSS と比較すると、習得するのが非常に簡単です。
最後に、300MHz のラップトップ (Windows 98 を実行していますが、これも 1999 年に凍結されました) の電源を入れると、Netscape 4 と Windows® Internet Explorer® 5 で新しいページがどのように表示されるかに驚かれるかもしれません。もちろん、これらの古いブラウザは新しい要素を認識せず、完全に無視しますが、ページは引き続き表示され、コンテンツはそのまま残ります。
これは架空の話ではありません。 HTML 5 は、HTML 5 をサポートしていないブラウザーでは正常に機能低下するように設計されています。理由は簡単です。私たちは皆、そのような「原始人」だからです。現在、ブラウザにはタブ、CSS、XmlHttpRequest が備わっていますが、HTML 表示エンジンはまだ 1999 年のままです。ユーザー数が大幅に増加したことを除けば、Web は基本的にほとんど進歩していません。 HTML 5 ではこれを考慮しています。現在、Web 開発者にいくつかの実質的なメリットを提供しており、ブラウザが徐々にアップグレードされるにつれて、ページ閲覧者も徐々にこれらのメリットを享受できるようになります。
HTML 5 が提供するものを見てみましょう。
(つづく)
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLのEMSPスペースの幅は一貫していません。テキストインデンテーションを確実に実装する方法は? HTMLのEMSPスペースの幅は一貫していません。テキストインデンテーションを確実に実装する方法は? Apr 04, 2025 pm 11:57 PM

多くのWebチュートリアルのHTMLおよび漢字のEMSPスペースの一貫性のない幅の問題については、漢字の幅を占めることが言及されていますが、実際の状況はそうではありません...

Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか? Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか? Apr 04, 2025 pm 05:12 PM

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

Vue-Routerジャンプ後にコンソールネットワークにページリクエスト情報がないのはなぜですか? Vue-Routerジャンプ後にコンソールネットワークにページリクエスト情報がないのはなぜですか? Apr 04, 2025 pm 05:27 PM

Vue-Routerジャンプ後にコンソールネットワークにページリクエスト情報がないのはなぜですか?ページリダイレクトにVue-Routerを使用する場合、あなたは...

グラデーションの背景を持つカードとクーポンのレイアウトに対するギャップ効果を達成する方法は? グラデーションの背景を持つカードとクーポンのレイアウトに対するギャップ効果を達成する方法は? Apr 05, 2025 am 07:48 AM

カードクーポンレイアウトのギャップ効果を実現します。カードクーポンレイアウトを設計するとき、特に背景が勾配である場合、カードクーポンにギャップを追加する必要があることがよくあります...

CSSとJavaScriptを使用して、最初の特定のクラスの要素を選択してスタイルする方法は? CSSとJavaScriptを使用して、最初の特定のクラスの要素を選択してスタイルする方法は? Apr 04, 2025 pm 11:33 PM

CSSとJavaScriptを使用して、最初の特定のクラスの要素を選択してスタイルする方法は? Web開発では、特定のクラスを選択して変更する必要性に遭遇することがよくあります...

CSSのクリップパス属性を使用して、セグメルターの45度曲線効果を実現する方法は? CSSのクリップパス属性を使用して、セグメルターの45度曲線効果を実現する方法は? Apr 04, 2025 pm 11:45 PM

セグメントターの45度の曲線効果を達成する方法は?セグメンテーションデバイスを実装する過程で、左ボタンをクリックすると、適切な境界線を45度の曲線に変える方法とポイント...

async/async/awaiting in async/async/asyncを終了する方法は? async/async/awaiting in async/async/asyncを終了する方法は? Apr 04, 2025 pm 05:03 PM

非同期プログラミングでコールバック関数を優雅に終了します。不確実な実行時間で、非同期プログラミングのために非同期プログラミングを待つ方法...

See all articles