ホームページ > 記事 > ウェブフロントエンド > XML、HTML、CSS、JS_javascript スキルの違い
BS では、xml、html、css、js をすべて学習しましたが、最初は 4 つの違いやつながりがわかりませんでした。知識が増えるにつれて、ある程度理解できるようになりました。
初めて、これら 4 つのテクノロジーとは何なのか、そして何ができるのかを見てみましょう。
(1) XML—拡張マークアップ言語
Extensible Markup Language (Standard Generalized Markup Language のサブセット) は、一連の単純なタグを使用してデータを記述する単純なデータ ストレージ言語です。これらのタグは、拡張可能なマークアップ言語の使用にかかる時間はかかりますが、便利な方法で確立できます。バイナリ データよりも多くのスペースを必要としますが、拡張可能なマークアップ言語は習得して使用するのが非常に簡単です。
<Hello> <bcd>China</bcd> <bcd>USA</bcd> <bcd>UK</bcd> </Hello>
(2) HTML - ハイパーテキスト マークアップ言語。
ハイパーテキスト マークアップ言語。マークアップ シンボルを使用して、表示される Web ページのさまざまな部分をマークします。 Web ページのファイル自体はテキスト ファイルです。テキスト ファイルにタグを追加することで、コンテンツの表示方法 (テキストの処理方法、画像の配置方法、画像の表示方法など) をブラウザーに指示できます。ブラウザは Web ページ ファイルを順番に読み取り、タグ
に従ってタグ付けされたコンテンツを解釈して表示します。<html> <head> <title>HTML</title> </head> <body> </body> </html>
HTML テキストには、いわゆる「リンク ポイント」が含まれています。HTML はハイパーリンクを使用して、さまざまなスペースのテキスト情報をテキストのネットワークに編成します。一般に、HTML は Web ページの構造とコンテンツの表示を統合する言語です。
(3) CSS - カスケード スタイル シート
カスケード スタイルのフォーム。これは、Web ページのコンテンツからスタイル情報を分離するマークアップ言語です。当社の牛ブリスケット ニュース リリース システムでは、CSS ファイルを使用して一部のラベルのスタイルを変更しました。
CSS を使用して各 HTML 要素のスタイルを定義します。これは複数のインターフェースにも使用できます。グローバル更新を行う場合は、スタイルを変更するだけです。
body { border :1px solid #000;/*整体的边框*/ font-size :14px; }
端的に言えば、CSS は Web ページ上の HTML 要素の属性を設定するための言語です。
(4) JavaScript
私は最初、なぜその名前が Java に似ているのかととても落ち込みました。
これは典型的なマーケティングの成功であり、そのプロモーションの成功も Java から借用したものです。 Microsoft は、Javascript が Web 開発者の間で普及しつつあることに気づき始めたとき、それに倣い、独自のスクリプト言語 JScript を作成しました。
JavaScript は、セキュリティ機能を備えたオブジェクト駆動型およびイベント駆動型に基づくスクリプト言語です。これを使用する目的は、HTML ハイパーテキスト マークアップ言語および Java スクリプト言語 (Java アプレット) と連携して、Web ページ内の複数のオブジェクトをリンクし、Web クライアントと対話することです。たとえば、マウスオーバー効果の設定、クライアントでのフォームの検証、カスタマイズされた HTML ページの作成、警告ボックスの表示、Cookie の設定などを行うことができます。
function jsHello(){ alert('Hello World!'); }
コードを HTML 言語に埋め込むと、ロード時に「Hello World」ダイアログ ボックスがポップアップ表示されます。埋め込み方法については、JS 動画を学習し始めた時点ですでにわかっていました。
XML、HTML、CSS、JS の違いについては以上ですが、今後はこれらを組み合わせた場合の効果についても紹介します。興味のある方は、スクリプト ハウスの Web サイトに注目してください。