フロントエンドは 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 サイトの他の関連記事を参照してください。