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. AIに求められているものは、実は意外な物だった
  3. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  4. 新しい販売形態であるDtoCについて考えてみる

関連記事

  1. Web関連

    エクセル管理はもうやめよう!プロジェクト管理ツール「Backlog(バックログ)」の導入メリット

    Webサイトを運用している皆さんは、タスクや課題をどのように管理してい…

  2. Web関連

    顧客満足度の高いホームページを作るためにやるべきこと

    どの企業も顧客満足度の高いホームページで売上向上やブランディングの向上…

  3. Web関連

    映画のWebプロモーションを調べてみた!(1)

    どうも!自分勝手の好き勝手をモットーに記事を書いていくと決めた コンサ…

  4. Web関連

    「拝啓」はもう使わない!?変わるギフト市場

    「拝啓 暑気厳しき折柄、皆様にはますますご健勝のこととお喜び申し上げ…

  5. Web関連

    これぞクールジャパン!アニメビジネスの成功例をまとめてみた!

    こんにちは!ティファナのオタク代表こと真野です!ティファナには意外…

  6. Web関連

    サイト設計で変化するサイトイメージ

    人間は思っているより変わりやすい生き物です。色や物によって大きく気…

自治体向けDX推進サービス

AIさくらさん for 自治体DX

おすすめ記事

最近の記事

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

アーカイブ

  1. AIさくらさん

    【人工知能・AI×メディア】キャラクター×デジタルサイネージに無限の可能性!
  2. Web関連

    目指せ読書家!読書が苦手な人が習慣を付ける為に行いたい5つのステップ
  3. Web関連

    病院サイトってどこか似ていませんか?
  4. Web関連

    売れるECサイトをつくるためには天気を見よう!
  5. Web関連

    大切なマイナンバーを守るために
PAGE TOP