ホームページ >ウェブフロントエンド >jsチュートリアル >フロントエンド HTML および HTML5 の基本コンテンツ

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

一个新手オリジナル: 2017-10-17 09:48:131417ブラウズ

前の章ではフロントエンドの開発について紹介しましたが、この章では 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 までご連絡ください。

前の記事：チェックボックスの選択、反転選択、および選択解除を制御するための jquery ワンクリックメソッド次の記事：チェックボックスの選択、反転選択、および選択解除を制御するための jquery ワンクリックメソッド

続きを見る