ホームページ  >  記事  >  ウェブフロントエンド  >  フロントエンドとは何ですか?

フロントエンドとは何ですか?

烟雨青岚
烟雨青岚オリジナル
2020-07-01 13:41:244778ブラウズ

フロントエンドは Web サイトのフロントエンド部分であり、PC、モバイル、その他のブラウザーで実行され、ユーザーに表示される Web ページです。フロントエンド テクノロジーは、一般にフロントエンド デザインとフロントエンド開発に分けられ、フロントエンド デザインは Web サイトのビジュアル デザインとして理解でき、フロントエンド開発は Web サイトのフロントエンド コードの実装です。

フロントエンドとは何ですか?

フロントエンドは Web サイトのフロントエンド部分であり、PC、モバイル、その他のブラウザ上で実行され、ユーザーに Web ページを表示します。 。 インターネット テクノロジーの発展、HTML5、CSS3、およびフロントエンド フレームワークのアプリケーションにより、クロスプラットフォームのレスポンシブ Web デザインがさまざまな画面解像度に適応できるようになり、完璧な動的デザインがユーザーに非常に高いユーザー エクスペリエンスをもたらすことができます。

フロントエンド テクノロジーは、一般的にフロントエンド デザインとフロントエンド開発に分けられます。フロントエンド デザインは一般に Web サイトのビジュアル デザインとして理解でき、フロントエンド開発は Web サイトのビジュアル デザインとして理解できます。基本的な HTML、CSS、JavaScript/ajax、最新の高度なバージョンの HTML5、CSS3、SVG などを含む、Web サイトのフロントエンド コードの実装。

HTML、CSS、JavaScript

これら 3 つは、フロントエンド開発において最も基本的で必要な 3 つのスキルです。フロントエンド開発では、ページをレイアウトするときに、HTML で要素を定義し、CSS で表示要素を配置し、JavaScript を使用して対応する効果とインタラクションを実現します。一見シンプルに見えますが、習得しなければならないことがたくさんあります。開発プロセスを快適に行えるように、開発前にこれらの概念を明確にして理解する必要があります。

HTML

は、ハイパー テキスト マークアップ言語 (ハイパー テキスト マークアップ言語) を指します。これは、当社の Web ページで最もよく使用される共通言語でもあります。複数のバージョン。開発はバージョン 5.0 に達しました。W3C によって確立された標準と仕様のおかげで、一般に XHTML にアップグレードされました。XHTML は Extensible HyperText Markup Language を指します。XHTML は 2000 年 1 月 26 日に W3C になりました。標準はより厳密で純粋です。 XHTML の目標は HTML を置き換えることです。

XHTML は HTML 4.01 とほぼ同じです。XHTML は、XML アプリケーションとして再定義された HTML であり、W3C 標準です。 W3C は、XHTML を HTML の最新バージョンとして定義しています。すべての新しいブラウザは XHTML をサポートします。

CSS

カスケード スタイル シート (Cascading Style Sheet) は「CSS」と呼ばれ、通常は「スタイル シート (Style Sheet)」とも呼ばれます。 Web ページのスタイルのデザイン用。たとえば、クリックされていないときはリンク ワードを青色にし、マウスをその上に移動すると赤色に変わり、下線が引かれるようにする場合、これはスタイルです。スタイルシートを設定することで、HTML上の各マークの表示属性を統一的に制御することができます。カスケード スタイル シートを使用すると、Web ページの外観をより効果的に制御できるようになります。カスケード スタイル シートを使用すると、Web ページ要素の位置と外観を正確に指定し、特殊効果を作成する機能が拡張されます。

JavaScript

は、プロトタイプを継承し、オブジェクト指向で、動的に型付けされ、大文字と小文字を区別する、Netscape の LiveScript から開発されたクライアント側スクリプト言語です。 Perl などのサーバーサイド言語によって残された速度の問題を解決し、よりスムーズなブラウジング効果を顧客に提供します。当時、サーバーはデータを検証する必要がありましたが、ネットワーク速度が 28.8kbps と非常に遅かったため、検証手順に時間がかかりすぎました。そこで Netscape のブラウザ Navigator には Javascript が追加され、データ検証の基本機能が提供されました。

推奨チュートリアル:「pr チュートリアル

以上がフロントエンドとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。