Webフロントエンドの開発の基礎:HTMLは、CSSは、JavaScriptが、それぞれ、どのような機能を実現するには?

それを機能ものを達成するために、HTML、CSS、JavaScriptの場合、これら3はそれぞれ、:私は知識が習得するための基本的なテクニックを学ぶために、少しの友人は皆知っているWebフロントエンドの開発をWebフロントエンドを学んでいると考えていますか?ここや表情で小さなシリーズ!

Webフロントエンドの開発の基礎:HTMLは、CSSは、JavaScriptが、それぞれ、どのような機能を実現するには?

、HTMLは、キャリアウェブコンテンツです

コンテンツは、著者はユーザーが閲覧したいページの情報を作るために、というように、テキスト、写真、動画などを含めることができます。

考える必要がある場合は、Exchangeと一緒に学ぶためにグループを追加することができ、132 667 127、私は一種のフロントエンド・日時情報と高度な開発コース:小扁は、ここでは、フロントエンドの学習交流ケリグループを構築します

二、CSSスタイルは、パフォーマンスです

コート・ページと同様に、例えば:タイトルのフォント、色の変更、タイトルはように背景画像、ボーダーなどを追加します。

これらはすべて、コンテンツのパフォーマンスと呼ばれるものの外観を変更するために使用します。

三つは、JavaScriptはWebページ上の特殊効果を達成するために使用されます

たとえば、次のようにポップアップドロップダウンメニューの上にマウス、テーブルの背景色の変更の上にマウス、回転のニュースの焦点。

理解することができる:アニメーション、一般的に達成するためにJavaScriptでそこに対話しています。

HTMLコードのコメント:

役割をマークしたコードのコメントは、時間をかけて、プログラマのコードを助け、その後、あなたは、あなたはすぐにこのコードの役割を考えることができる記述したコードを見ることです。

前のコードを呼び出すために、プログラマを使用して簡単にコードのコメントだけではなく、他のプログラマにもすばやくWebページのコードを開発するために人々を容易にするため、プログラムの機能を理解するのに役立ちます。

セマンティックHTML:

セマンティック事実は、それが検索エンジンによって理解されるより良いウェブサイトを作ることができ、各ラベルの目的を理解します。

その利点は、二つの点にまとめることができます。

(1)より容易に検索エンジンによって索引付け。

(2)それが簡単にスクリーンリーダーは、Webコンテンツを読むために作ります。

HTML、EM、強いとスパンの違い:

(1)とラベル通路キーワードを強調するために使用され、その意味が強調されています。

(2)その役割を使用し、別のスタイルを提供することであり、何の意味タグはありません。

HTMLの之要約、キャプション:

役割は、テーブルのタイトルと概要を追加することです

抽象的な内容がブラウザに表示されません、その役割は、テーブルの可読性を高めることである(意味論)、検索エンジンは、より良い内容のテーブルを理解するだけでなく、スクリーンリーダーは、より良い特定のユーザーを支援することができます目次を読んで。

コードのコメント:

CSSでのステートメントをコメント:/とコメント文 /示すために、

HTML形式を示すために使用します

HTMLセレクターの問題:

差分子孫セレクタと子供セレクタ

子セレクタ(子セレクタ)は、単に、その直接の子孫を指す、またはサブ要素の最初の世代の子孫に適用されるように、あなたは理解することができます。子孫セレクタは、すべてのサブ要素における将来の世代の役割です。子孫スペースが選択するセレクタと、子セレクタはにより選択されています「>。」

要約:

将来の世代のすべての要素に作用する要素、スペースに作用する子孫の最初の世代。

おすすめ

転載: blog.51cto.com/14447253/2425383