会社概要06-6354-7077お問合わせCOLUMNコラムホームページ・WEB制作なら大阪のシードアシストコラム一覧そもそもHTMLって何??WEBサイトの裏側をご紹介します!コラム記事そもそもHTMLって何??WEBサイトの裏側をご紹介します!どうも!最近、夜はめっきり寒くなりましたね!今年は気温が下がるのも早く、昨日とうとう風邪をひいてしました...。夏も終わりなんですね...。夏が好きな僕としてはなんとも切ない気分です。今回は「そもそもHTMLって何?WEBとは??」といった根本的なところをお話したいと思います。見出しタグ~Point~リンクタグイメージタグで、実際のHTMLはどんな風なの??WEBサイトの表側と裏側WEBサイト制作における文章構造は大事ですWEBサイトが表示される仕組みそもそも、WEBサイトってどういう仕組で表示されているかご存知でしょうか?私達が普段よく見るWEBサイトはどれも、HTMLと言われるマークアップ言語で表示されています。Languageと呼びます。ランゲージ、HTML(エイチティーエムエル))は、ハイパーテキストを記述するためのマークアップ言語の1つである。(WWW)において、ウェブページ(1990年代後半頃からはコンテンツという語も利用されている。「中身」という意味の語であり、大層な意味は無い)を表現するために用いられる。ハイパーリンクや画像等のマルチメディアを埋め込むハイパーテキストとしての機能、見出しや段落といったドキュメントの抽象構造、フォントや文字色の指定などの見た目の指定、などといった機能がある。Language参照このhtmlとは、リンクや画像などを文章構造として示すための言語として、コードを組み合わせて実際のWEBサイトを表示させています。現在では、バージョン5.1までがリリースされています。見出しタグ見出しタグとは、文字通りページの見出しを示すタグになります。h1~h6まで見出しのレベルがあり、数字が小さいもの程、レベルが大きくなります。基本的に全ての見出しタグは1ページに対して複数使用しても問題はありませんが、適切な使用をしないとGoogleなどのロボットが巡回した際に、複数同じレベルの見出しタグがあると意味が弱まったりといった弊害が出る可能性もありますので、注意が必要です。~Point~h1タグは、基本的に1ページ一つ、その他のh2~h6タグは複数回の使用するよう心がけるのが理想とされています。リンクタグWEBサイトの中で、違うページに移動する際、このリンクタグの示すアドレスを辿ってページが移動します。イメージタグ画像を示すタグになります。WEBサイトでは、目の不自由な方も利用されますので、スクリーンリーダーで読み上げる際に、画像の説明が読まれるようalt属性に画像の説明をテキストで入力し、利用するユーザーに優しいWEBサイトになるよう心がけましょう。実際のHTMLはどんな風なの??WEBサイトの表側と裏側つらつらと文章でご紹介してきましたが、文章だけだとイマイチ伝わりづらいと思いますので、ブラウザで見れるWEBサイトの表側(私達が普段目にしている表示部分)と裏側(表示を示すためのコード部分)を画像でご紹介します。これは弊社のWEBサイトになります。表側にキレイに表示させるために、ブラウザの裏側ではこんなコードを組んでいます。※ソースコードの一部になります。実こうして実際には文章を示すタグを組み合わせて、「ここは画像」「ここはリンク」などを入力してWEBサイトは表示されています。説明すると、表側にキレイに表示をする時には、レイアウトや、文字の色などをしているスタイルシートというファイルを組み合わせて表示をさせます。WEBサイトに動きをつけたり、複雑な処理を行う時には、javascripptやphpなどといったプログラムも使ってWEBサイトを構築しています。WEBサイト制作における文章構造は大事ですWEBサイトの構造において、見出しや画像など文章構造しっかり示す事はとても大切です。インターネットは目の見えない方も利用されますので人やロボットからも見やすいWEBサイトは、グーグルもWEBサイトを利用するユーザーにとって使いやすいWEBサイトを評価する傾向にあります。いかがだったでしょうか?WEBサイトは見出しや画像を示すためのタグを使って構築され、見た目のレイアウトはスタイルシートと組み合わせて表示されているんですね。年別アーカイブ2019年2018年2017年CONTACTお問合わせWEBで気になる事など、まずはお気軽にご相談ください。