Web関連

HTMLコーディングを始める前に知っておいた方がいい話

0

突然ですが、わたくし入社してから今日に至るまでの11年間で、体重を20キロ増加させることに成功しました!!(笑)

11年間で摂取した食べ物を金額に計算すると、、、あと数年で4桁万円になることが判明!!
よく育ちました!

こんな私ですが、10年前からHTMLコーディングを行うようになり、その手法はいろいろと変化してきました。

そこで今回は、HTMLの歴史や変化(私の体重の変化も!?)を合わせてお伝えしていこうと思います!

10年前はとにかくテーブル!

「10年前」「テーブル」でピン!とくる人はまずWEB業界の方ですね!
分からないという方に簡単に説明しますと、10年前の古びたテーブルの事を言っているのではなく10年前のHTMLコーディングは<table>タグでレイアウトが決められていたということです。

テーブルタグと言うのはそもそも、レイアウトに使うのは間違っており、会社概要や沿革のページなどで見かける、いわゆる「表」を表示する時に使用するタグなのです。

エクセルを思い浮かべていただけるとわかると思いますが、確かに表の行と列を統合したり、横幅を伸ばしたり、枠線をつけられたりと、レイアウトを決めるのには最適に思えます。

ですが本質的な事を考えると、表には数値や文字列だけが入るべきなのです。

このように10年前のWebは間違いだらけでした。

そこで普及し出したのがCSS!

CSSとは?という人のために、CSSとはカスケーディング・スタイル・シートの略で、間違いだらけのHTMLに対して「色・サイズ・レイアウト」などを設定することができ、HTMLと分けて記述・指定する事ができます。

2007年ごろから急速に普及が進みました。
※実際に世の中に出たのが2004年でバージョンは2.1。

この言語が普及することによって、HTMLは本来の文字情報を書くことができるようになり、この時期からSEO(検索エンジン)の評価の仕方にも変化が出てきました。

これにより、HTMLのソース自体もスリム化されWebの表示スピードも早くなりました。

…スリム化が進むHTMLとは裏腹に私の体重はこの時期から急激に増えていきました、、、

古いブラウザとCSS

いいことだらけのCSSに聞こえるかもしれませんが、欠点もありました。
厳密に言うとCSSの欠点ではなく、それを表示するブラウザの欠点です。

2007年前後、CSSは普及したてということもあり、すべてのブラウザで同じ表現ができず、コーダー泣かせの時代でした。。。

どういう事かというと、古いブラウン管テレビと最新の液晶テレビで同じ映画を見た時のことを思い浮かべてみてください。

さて、どちらが綺麗に見えるでしょうか??

結果は明らかですね。
最新の液晶テレビの方が色の表現力が高く、音もきれいに聞こえ、画質そのものも高く、臨場感あふれる映画を見ることができます。

これが、Web業界でも起き、ちょうど2007年ごろが激動の時代で、テレビでいう”地デジ化”が行われたのです。

そのなごりなのか、新しいブラウザやスマートフォンが出ると、コーダーはいったんイヤな顔をします(笑)

今では、CSSもさらに新しいバージョン3が策定、HTMLもバージョン5が主流になってきています。

各種ブラウザの表現力も安定してきているため、昔よりは苦労しない時代になりました。

これから何が起きるかわかりませんが、どんな時代が来ようとも柔軟に対応していく、それがコーダーの仕事なのです!

関連するサービス

ホームページ制作

0

ニュースを読んで快適なビジネスライフを前のページ

オンラインショッピングしたことありますか?次のページ

ピックアップ記事

  1. 新型コロナウイルスで日本の働き方改革が起こる
  2. 新しい販売形態であるDtoCについて考えてみる
  3. AIに求められているものは、実は意外な物だった
  4. 大手企業も注目するMaaS(Mobility as a Service)とは何か…

関連記事

  1. Web関連

    CD、買っていますか?ネットでやり取りされる音楽

    皆さんは、最近CDを買いましたか?ここ数年で音楽の販売方法も変化しまし…

  2. Web関連

    飲食店Webサイトメニューページ徹底比較!~美味しさを伝えるために~

    最近諸事情で様々な飲食店のサイトを見ることが多いです。メニューの見せ…

  3. Web関連

    ABテストでより良いサイトに!

    皆さんはABテストをご存知でしょうか?名前を聞いて、大体の予想がつ…

  4. Web関連

    モバイルはPCの延長戦ではなかった

    Web業界の第一線で活躍するティファナがWeb関連情報をお届けしていま…

  5. Web関連

    1から調べてみた「SDGs」について

    皆さんは「SDGs(エスディージーズ)」という言葉を聞いたことはありま…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    紙媒体のものから電子○○へ
  2. AI関連

    生体認証はどこまで安全なのか?
  3. Web関連

    次のITビジネスフィールドは宇宙だ!!
  4. Web関連

    採用サイトで学生が1番気になっているところとは!?
  5. Web関連

    進化する電子マネー
PAGE TOP