HTMLとは

2020年8月2日

HTMLとは、Hyper Text Markup Language(ハイパーテキスト・マークアップ・ランゲージ)の略で、ウェブページを作成するために開発された言語。

HTMLを書くことを「マークアップする」と言うことが多いです

何のために?

ブラウザや検索エンジン(以降「コンピュータ」)に対して文章情報をきちんと伝えるため

やらないとどうなる?

文章情報をコンピュータがきちんと理解できなくて、SEOや音声ブラウザ・スクリーンリーダーに意図しない形で伝わってしまう

マークアップしていないWeb記事

コンピュータからは、こういう風に見える

解読できん・・・・

マークアップしているWeb記事

コンピュータからは、こういう風に見える

まぁ読めるけど、人が見るならもっと綺麗に読みやすくしたいよね

マークアップ+CSSを適用したWeb記事

最終的に、人間(ユーザー)向けにこういう風に見えるようにCSSという物も書く

(∩´∀`)∩ キタコレ!!

注意点

昔は

<b>(太字用タグ)

とか

<i>(斜体用タグ)

とか、<table>タグで横並びにするレイアウト手法とかがありましたが、

近年では

【HTML=意味づけ(セマンティクス)=コンピュータ向け】 【CSS=装飾=人間(ユーザー)向け】

とHTMLとCSSをしっかり役割分担するように常識となってきています。

 

HTML

Posted by takahiro