html/css/jsの関係は何ですか-htmlチュートリアル-php.cn

html/css/jsの関係は何ですか

(*-*)浩

リリース： 2020-09-18 11:21:36

オリジナル

8869 人が閲覧しました

HTML、CSS、および JS は Web ページの主要な部分です。HTML は Web ページの構造を定義し、CSS は Web ページの外観を記述し、JS は Web ページの動作を設定します。たとえば、HTML は人間の骨や器官、CSS は人間の皮膚のようなもので、これら 2 つが植物人間を構成します。さらに、植物人間である js は、外部刺激に反応し、考え、動くことができ、生きている人間です。

html/css/jsの関係は何ですか

私は長年働いてきて、さまざまなテクノロジーの応用に忙しくしてきましたが、忙しくなくなった今、自分は何をしているのか、何をしているのかを自問します。そういえば、仕事で「早く、費用対効果よく目標を達成して、ドゥニアンを使って問題を解決してください」とよく言われるのですが、その理由を理解する時間がありません。 , マクロ的な視点でまとめてみます。

HTML、CSS、JavaScript と簡単な分業の紹介

1. HTML (ハイパーテキストマークアップ言語) とは何ですか? HTML は、Web ページを記述するために使用されます。言語。
2. CSS (Cascading Style Sheets)、HTML 要素の表示方法を定義するスタイル、構文は次のとおりです: selector {property: value} (selector {property: value})
3. JavaScript はスクリプト言語です。ソースコードは、実行のためにクライアントに送信する前にコンパイルする必要はなく、テキスト形式の文字コードがブラウザに送信され、ブラウザによる解釈と実行が行われます。

Web ページの場合、 HTML は Web ページの構造を定義します。CSS は Web ページの外観と JavaScript の設定を記述します。非常に古典的な例として、HTML は人間の骨や臓器のようなもの、CSS は人間の皮膚のようなものがあります。これら 2 つにより、植物人間が形成され、JavaScriptを追加することで植物人間となり、外部の刺激に反応したり、考えたり、動いたり、整形（CSSの変更）などを施し、生きた人間になることができます。

HTML が本体だとすると、CSS は表面、JavaScript は魂です。 Javascript がなければ、HTML CSS は植物状態であり、JavaScript と CSS がなければ、外観が損なわれた植物状態になります。
HTML がアーキテクトである場合、CSS は装飾であり、JavaScript は魔術師です。

これら 3 つを接続するにはどうすればよいですか? もちろん、Web ページの HTML を介して行う必要があります。HTML は記述言語です。HTML はブラウザーに対してそれ自体を説明します。通常、特定の Web ページをどのように記述するのですか? ? ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页标题</title>
<link rel="stylesheet" type="text/css" href="mycss.css" />
<script type="text/javascript" src="myjs.js"></script>
</head>
<body>
<p>这是一个段落</p>
</body>
</html>

ログイン後にコピー

これは最も単純な HTML ドキュメントです。ドキュメントに記載されているのは、ブラウザについては W3C 標準 XHTML1.0 暫定バージョン仕様 (ファイルタイプ宣言) に従っていることです。使用するエンコーディングは utf- 8、私のタイトルは「ウェブページのタイトル」、私の外観を記述するスタイルシートは同じディレクトリにある私のmycss.cssファイル、私に関連するJavaScriptコードは同じレベルの私のmyks.jsファイルにあり、私のコンテンツがあります段落であり、段落の内容は「これは段落です」です。

以上がhtml/css/jsの関係は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。