HTMLとCSSの違い

by Corinna

HTMLとCSSは密接に関連していますが、違いがあります。ホームページを作成する際には、これらの違いを知っておく必要があります。

HTML:基本構造

インターネット上で閲覧できるすべてのウェブサイト(WordPressや他のCMSシステムで作成されたものも含む)は、HTMLの枠組みに基づいています。専門用語では、HTMLはウェブサイト上のコンテンツを表示するためのマークアップ言語として知られています(ウェブサイト、ウェブページ、ホームページの違いについては後述します)。注:現在、HTMLバージョン5.3が使用されています。

  • HTMLフレームワークは、常に<>で開始し、<>で終了するタグで構成されます。実際には、例えば次のようなものです。タグは常に、タグ内のテキストの動作を調整するために使用されます。
  • 例えば、テキストを小見出しとして分類し、出力するタグです。 さまざまなタグの概要は、例えばw3schools.comでご覧いただけます。
  • どのウェブブラウザ(Google Chromeなど)も、常にウェブサイトを上から下に向かって読み取ります。そのため、ウェブサイトを慎重に構造化することが重要です。
  • ウェブサイトは常にこれとともに紹介されます。このエリア内で、ブラウザにはページの言語や文字エンコードなどの重要な情報が提供されます。その後にはタグが続きます。タイトル(タブに表示される)とその他のリンク(二次的なCSSやJavascriptファイルへの)は、このタグに入力されます。
  • デザインのほとんどは、このタグで作成します。 ブラウザ上で表示されるすべてのタグは、ここに配置できます。 最後に、
    タグがあり、例えば著作権や同様の条件が含まれます。 概要は次のスクリーンショットを参照してください。
  • ウェブサイトを作成するにはシンプルなエディタがあれば十分です。しかし、複雑なプロジェクトの場合は、Eclipse や Visual Studios のような IDE をお勧めします。

ウェブサイト、ウェブページ、ホームページ:これらの違い

以下では、ウェブサイト、ウェブページ、ホームページの違いについて説明します。これらの用語は、専門家ではない人々が同義語として使用することが多いのですが、これは正しくありません。

  • ウェブサイト:すべてのウェブページの集合体がウェブサイトを形成します。これらはメニューから選択できることが多いです。
  • ウェブサイト:ウェブサイトは単一のHTMLページです。
  • ホームページ:その名の通り、これはウェブサイトのスタートページです。厳密に言えば、これも単なるウェブサイトです。
  • 結論:WordPressなどのCMSシステムや人工知能によって作業が容易になったとはいえ、テンプレートを理解し、起こり得る問題を修正するため(または大規模なカスタマイズを行うため)には、ウェブデザインの知識が望ましい。その複雑さゆえ、このテーマに関する専門書も数多く出版されている。

Related Articles

Leave a Comment