フロントエンド HTML および HTML5 の基本コンテンツ-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

フロントエンド HTML および HTML5 の基本コンテンツ

一个新手

Oct 17, 2017 am 09:48 AM

htmlhtml5基本

前の章ではフロントエンドの開発について紹介しましたが、この章では HTML と基本的なタグの開発について簡単に紹介します。

1. HTMLの開発の歴史

1. コンセプト

HyperText Markup Language（略してHTML）は、【Webページの作成やブラウザで見ることができるその他の情報】のために設計されたマークアップ言語です。

2. 関連開発履歴:
* ハイパーテキストマークアップ言語 (初版) --- 1993 年 6 月に Internet Engineering Team (IETF) のワーキングドラフトとしてリリース (標準ではありません)

* HTML2。 0 --- 1995年11月にRFC 1866としてリリースされ、2000年6月にRFC 2854がリリースされた後廃止宣言

* HTML3.2 --- 1996年1月14日、W3C推奨標準

* HTML4.0 - -- 1997年12月18日、W3C推奨標準

* HTML4.01 (軽微な改良) --- 1999年12月24日、W3C推奨標準

* ISO/IEC 15445:2000 (「ISO HTML」) --- 2000 年 5 月 15 日にリリースされ、厳密な HTML 4.01 構文に基づいて、国際標準化機構および国際電気標準会議の標準です

* XHTML 1.0 -- - 2000 年 1 月 26 日にリリースされ、その後改訂され、2002年8月1日に再リリースされました

* XHTML 1.1 --- 2001年5月31日にリリースされました

* XHTML 2.0は終了しました

* HTML5 (最終版) --- 2014 年 10 月 29 日、World Wide Web コンソーシアムは、ほぼ 8 年間の努力を経て、HTML5 標準仕様が最終的に完成し、公開されたと涙ながらに発表しました。

3. HTML5の困難な開発の歴史

HTML5ドラフトの前身はWeb Applications 1.0と呼ばれ、2004年にWHATWGによって提案され、2007年にW3Cによって承認され、新しいHTMLワーキングチームが設立されました。。

HTML 5の最初の公式ドラフトは2008年1月22日に発表されました。 HTML5 はまだ開発中です。ただし、最新のブラウザのほとんどはすでに HTML5 をある程度サポートしています。

2012年12月17日、ワールド・ワイド・ウェブ・コンソーシアム（W3C）は、多数のネットワーク関係者の努力を凝縮したHTML5仕様が正式に完成したと正式に発表した。 W3C の講演によると、「HTML5 はオープン Web ネットワークプラットフォームの基礎です。」2013 年 5 月 6 日に、HTML 5.1 の正式なドラフトが発表されました。この仕様は、World Wide Web の中核言語であるハイパーテキストマークアップ言語 (HTML) を初めて改訂した 5 番目のメジャーバージョンを定義しています。このバージョンでは、新しい要素の相互運用性を向上させるために、Web アプリケーション作成者を支援する新機能が継続的に導入されています。

2014年10月29日、World Wide Web Consortiumは、ほぼ8年間の努力を経て、HTML5標準仕様が最終的に完成し、公開されたと涙ながらに発表しました。

HTML5をサポートするブラウザには、Firefox（Firefox）、IE9以降、Chrome（Google Chrome）、Safari、Operaなどの国内のMaxthonブラウザ、および360 Browser、Sogouなどの国内のIEまたはChromiumベースのブラウザが含まれます。ブラウザ、QQ ブラウザ、および Cheetah ブラウザ (Chrome のエンジニアリングバージョンまたは実験版) にも、HTML5 をサポートする機能があります。

4. XML、xhtml、html、3つの関係と違い

HTML（HyperText Markup Language）、ハイパーテキストマークアップ言語。「ハイパーテキスト」とは、ページに画像、リンク、さらには音楽やプログラムなどの非テキスト要素を含めることができることを意味し、「マーキング」とは、表示されるコンテンツのさまざまな部分をマークするために特定のマーキングシンボルを使用することを指します。ハイパーテキストマークアップ言語は、標準ユニバーサルマークアップ言語、仕様、およびデータを表示するために設計された標準に基づくアプリケーションです。 HTML テキストは通常 Web ページと呼ばれるもので、拡張子は html または htm です。

XML（Extensible Markup Language）、拡張可能なマークアップ言語。 XML は、標準ユニバーサルマークアップ言語のサブセットであり、電子ドキュメントをマークして構造化するために使用されるマークアップ言語であり、ハイパーテキストマークアップ言語を補足するものです。 Extensible Markup Language は、他のドメイン固有のセマンティクスを定義するために使用される構造化マークアップ言語を定義するメタマークアップ言語です。これらのマークアップ言語は、ドキュメントを多くの部分に分割し、それらの部分を識別します。これにより、コンテンツをより正確に宣言できるようになり、複数のプラットフォームにわたってより意味のある検索結果が得られやすくなります。構造化データを記述するための形式を提供し、ネットワーク内でのデータ交換と表現を簡素化し、コード、データ、表現を分離し、データ交換の標準形式として機能するため、インテリジェントデータドキュメントと呼ばれることが多く、ファイル拡張子はxml。

XHTML (Extensible HyperText Markup Language)、拡張可能なハイパーテキストマークアップ言語。 XHTML は Extensible Markup Language (XML) に基づいています。 XHTML は、HTML と同様の役割を果たす拡張マークアップ言語 (XML) です。 XHTML は HTML の拡張バージョンであり、XHTML は HTML のより厳密で純粋なバージョンです。その拡張性と柔軟性は、将来のネットワークアプリケーションのより多くのニーズに適応します。 XML には強力なデータ変換機能があり、HTML を完全に置き換えることができますが、HTML 言語に基づいて設計された何千もの既存の Web サイトを考慮すると、XML を直接採用するのはまだ時期尚早です。そこで、HTML4.0をベースにXMLルールで拡張し、XHTMLを取得しました。したがって、XHTML を確立する目的は、HTML から XML への移行を実現することです。 XHTML は 2000 年 1 月 26 日に W3C (World Wide Web Consortium、World Wide Web Consortium) となり、ファイル拡張子は xhtml になります。

概要: HTML、XML、および XHTML はすべて、標準のユニバーサルマークアップ言語のサブセットです。 HTML はデータを表示するように設計されており、データの外観に重点を置いています。XML はデータを送信および保存するように設計されており、データの内容に重点を置いています。定義された HTML は、より多くのニーズに適応するために HTML を置き換えるように設計されています。未来のネットワークのこと。これらはすべて Web ページの開発に使用できますが、今のところ、Web 開発では HTML が依然として絶対的な主流であり、最新バージョンの HTML5 も高く評価されています。 Extensible Markup Language XMLは、さまざまなアプリケーションでのデータの保存(各種設定ファイルなど)やアプリケーション間のデータ転送に広く使われており、習得が必須の技術と言えます。 Extensible Hypertext Markup Language XHTML に関しては、2009 年に W3C が XHTML2 の開発を中止し、代わりに HTML5 を積極的にサポートすると発表しました。

2. HTML4.01（HTML5の新章は次の章で紹介します）

1. 基本構造

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        
    </body>
</html>

2. 基本要素の具体的な説明はw3schoolで公開されていますので、省略します。詳しくは説明しません

一般的に使用されるもの: html、head、meta、title、link、style、body、h1-h6、p、a、p、span、ul、li、dl、dt、dd、ol、img、テーブル、ヘッド、ボディ、フット、tr、td、キャプション、i、b、フォーム、ラベル、入力、ボタン、テキストエリア、選択済み、オプション、optgroup、スクリプト、フレーム、br、hr、em、strong。

一般的には使用されない：上記のものは主に仕事で使用されており、推奨されなくなったスタイルタグも多数あるため、ここでは紹介しません。

3. 標準属性

id、class、title、style、dir、lang

4. イベント属性

onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup

概要: HTML は、Web で使用される一般的なマークアップ言語です。 HTML を使用すると、テキストの書式設定、画像の追加、リンクの作成、入力フォーム、フレーム、表などを作成し、ブラウザで読み取って表示できるテキストファイルとして保存できます。 (HTML は CSS と同様に比較的単純です。基本的な HTML と CSS を知っていれば、静的ページの切り取りを開始できるため、フロントエンドを始めるのは非常に簡単です。難しいのは JS です)

以上がフロントエンド HTML および HTML5 の基本コンテンツの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

JavaScript in Action：実際の例とプロジェクトApr 19, 2025 am 12:13 AM

現実世界でのJavaScriptのアプリケーションには、フロントエンドとバックエンドの開発が含まれます。 1）DOM操作とイベント処理を含むTODOリストアプリケーションを構築して、フロントエンドアプリケーションを表示します。 2）node.jsを介してRestfulapiを構築し、バックエンドアプリケーションをデモンストレーションします。

JavaScriptとWeb：コア機能とユースケースApr 18, 2025 am 12:19 AM

Web開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1）DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2）ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3）サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。

JavaScriptエンジンの理解：実装の詳細Apr 17, 2025 am 12:05 AM

JavaScriptエンジンが内部的にどのように機能するかを理解することは、開発者にとってより効率的なコードの作成とパフォーマンスのボトルネックと最適化戦略の理解に役立つためです。 1）エンジンのワークフローには、3つの段階が含まれます。解析、コンパイル、実行。 2）実行プロセス中、エンジンはインラインキャッシュや非表示クラスなどの動的最適化を実行します。 3）ベストプラクティスには、グローバル変数の避け、ループの最適化、constとletsの使用、閉鎖の過度の使用の回避が含まれます。

Python vs. JavaScript：学習曲線と使いやすさApr 16, 2025 am 12:12 AM

Pythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。

Python vs. JavaScript：コミュニティ、ライブラリ、リソースApr 15, 2025 am 12:16 AM

PythonとJavaScriptには、コミュニティ、ライブラリ、リソースの観点から、独自の利点と短所があります。 1）Pythonコミュニティはフレンドリーで初心者に適していますが、フロントエンドの開発リソースはJavaScriptほど豊富ではありません。 2）Pythonはデータサイエンスおよび機械学習ライブラリで強力ですが、JavaScriptはフロントエンド開発ライブラリとフレームワークで優れています。 3）どちらも豊富な学習リソースを持っていますが、Pythonは公式文書から始めるのに適していますが、JavaScriptはMDNWebDocsにより優れています。選択は、プロジェクトのニーズと個人的な関心に基づいている必要があります。

C/CからJavaScriptへ：すべてがどのように機能するかApr 14, 2025 am 12:05 AM

C/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1）C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2）C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3）JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。

JavaScriptエンジン：実装の比較Apr 13, 2025 am 12:05 AM

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析：ソースコードを語彙ユニットに変換します。 2。文法分析：抽象的な構文ツリーを生成します。 3。最適化とコンパイル：JITコンパイラを介してマシンコードを生成します。 4。実行：マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

ブラウザを超えて：現実世界のJavaScriptApr 12, 2025 am 12:06 AM

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

See all articles

ホットAIツール

Undresser.AI Undress

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

AI Clothes Remover

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

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

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

ホットツール

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポートライブラリとヘッダーファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。