Web関連

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

突然ですが、わたくし入社してから今日に至るまでの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が主流になってきています。

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

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

関連するサービス

ホームページ制作

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

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

ピックアップ記事

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

関連記事

  1. Web関連

    よく見るECサイト売り上げアップのまとめ

    世の中は少子高齢化、デフレ経済とネガティブな話題を目にすることが多いで…

  2. Web関連

    【CMS構築】サーバレンタル~WordPress導入編。

    WordPress、個人商用問わず人気のサービスで…

  3. Web関連

    どこでも学べるオンライン学習 5選!

    場所を選ばずに家でも外でも学ぶことができるオンライン学習。便利なオンラ…

  4. Web関連

    ホームページ制作会社がまとめるカスタマーサポートに必要なポイント!

     お客様は神様!とは良く言ったもので、利用客からの苦情1つで企業の経営…

  5. Web関連

    ネットゲームから学ぶゲーミフィケーション

    こんにちは!ゲーム大好きなデザイナー熊倉です。さてみなさんは、インター…

  6. Web関連

    こんなものもあるの?面白い採用方法

    こんにちは、面白いもの大好きなデザイナーの角田です。以前のコラムで、面…

おすすめ記事

最近の記事

  1. DX(デジタルトランスフォーメーション)・デジタルシフトへの…
  2. テレワークだけでは足りない?デジタルシフトなど、アフターコロ…
  3. デジタル化が旅行・観光業を救う!?ウィズコロナ・アフターコロ…
  4. 非接触がこれからの常識。ウィズコロナ・アフターコロナはIoT…
  5. キャッシュレス決済はウィズコロナでのウイルス対策に繋がってい…

アーカイブ

  1. Web関連

    やっぱり、顧客育成って大事。って感じた出来事
  2. Web関連

    改めて知っておこう!アドテクノロジーの種類と手法の説明
  3. Web関連

    小売業界必見!ビジネスの見方が変わる!?小売業界のミライ予測
  4. Web関連

    その負担軽減しましょう!更新業務を楽にするサービス・ツール紹介
  5. AI関連

    AIチャットボットが使われる理由
PAGE TOP