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

関連記事

  1. Web関連

    M2Mの加速化で運転手が居なくなる?

    皆さんはM2Mという言葉をご存知でしょうか?私は休日に良くドライブをす…

  2. Web関連

    web制作会社を選ぶポイント

    ホームページを作りたいと思ったときに、まずWeb制作会社を探すと思いま…

  3. Web関連

    休日はストリーミング配信サイトを利用してゆっくり過ごそう

    お盆や年末年始など、長期の休日はどうお過ごしでしょうか?ここぞとばか…

  4. Web関連

    web上でのコミュニケーション!

    こんにちは!デザインセクションの勇希です!いきなりですがみなさんは学…

  5. Web関連

    【クレーム解消】Web制作会社が教える苦情対応マニュアル

    さて、今回のコラムは苦情対応についてまとめてみました。苦情対応で大…

  6. Web関連

    あなたは分かってる?面接時に心がけておきたい3つのマナー

    こんにちは!今年はお目当ての福袋が購入できてご満悦の真野です。…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    デジタルファブリケーションで創る!
  2. Web関連

    トレーサビリティって一体何?
  3. Web関連

    実は日本が発祥だった…!?ホワイトデーに隠された真実!!
  4. Web関連

    今さら聞けない「WEBの出来ること(活用メリット)」とは?
  5. AIさくらさん

    【人工知能(AI)×マスコミ】お問い合わせやクレーム対応を人工知能が自動サポート…
PAGE TOP