戦闘Webフロントエンドへの行き方:HTMLは、CSS、JavaScriptは、それぞれ、どのような機能を実現するために?

それを機能何を達成するために、これら3はそれぞれ、あるは、JavaScript、HTML、CSS:ラーニングのWebフロントエンドの開発者は、基本的な技術を習得する必要がありますか?ここや表情で小さなシリーズ!

戦闘Webフロントエンドへの行き方:HTMLは、CSS、JavaScriptは、それぞれ、どのような機能を実現するために?

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

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

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

その上で、タイトルのフォント、色の変更、タイトルの追加背景画像、国境や:コートページ、などのように。

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

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

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

理解することができる:アニメーション、達成することはJavaScriptを使用して、一般的に相互作用があります。

HTMLコードのコメント:

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

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

セマンティックHTML:

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

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

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

(2)は、Webコンテンツを読んで、スクリーンリーダーのためのそれが容易になります。

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

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

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

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

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

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

コードのコメント:

CSSでのコメント文:付き/ コメント文 /示すために、

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

HTMLセレクターの問題:

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

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

web前端开发学习Q-q-u-n: 767273102 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法
(详细的前端项目实战教学视频)

要約:

子孫要素に作用する、宇宙の第一世代は、将来の世代のすべての要素に作用します。

おすすめ

転載: blog.51cto.com/14592820/2449137