HTMLを1999年のように書く

HTMLの実装、そしてセマンティックマークアップのすすめについて紹介します。 記事のタイトルは直訳しましたが、1999年というより、フレームワークやdivスープが増産される前の時代という意味だと思います。 Write HTML Like It's 1999 by Bradley Taunt 訳者注: 1999年のようには文字通りの意味ではなく、比喩として使用されていると思います。フレームワークやdivスープが増産される前の時代でしょうか。1999年だとtableレイアウトだったり、nav要素がないなど混乱するかもしれません。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1990年代の制約に縛られてHTMLを書く HTMLの悪い習慣 HTMLの良い習慣 「構造」の基本的な確認方法 最後に 追記 1990年代の制約に縛られてHT

[coliss]

セマンティックマークアップのすすめ、タイトルは元記事へのリスペクト。

[timetrain]

つまり阿部寛を讃えよってことだな！

[gabill]

実現するかも知れなかったインターネットのもう１つの未来が垣間見れる。インターネットがちゃんと意味的に構造化される方向性で発展していれば、SiriやGoogleアシスタントは今よりもっと賢かったかもしれない。

[nasust]

tableレイアウトで1pxの透明gifは必須。

[kozilek]

「ようこそ！あなたは〇〇人目のお客様です！」といった話ではなかった。

[iTaro]

ネストするtableタグ。タグは大文字。Sorry, this site is Japanese only!

[bancya]

<MARQUEE>とかMIDIが流れるとか言う話かと…

[nismit]

デザインとかインタラクティブは犠牲になるが最速のパフォーマンスを出せるという奥義。でもスマホとかならこれぐらいシンプルな方が見やすい。

[ifttt]

メルマガとか作らされるとき未だにそんな感じだよな

[inikot]

文書の意味的な構造と視覚的な構造を分けようとしていた時代

[amemiyashiro]

タイトルだけを見て単純に「マウスカーソルの後を追いかけてるくるキラキラ光る何か」とか「永遠に工事中のページ」とかそういったものを連想してしまう世代。あと<marquee>

[kamiokando]

Shift_JISでな。

[kan_u]

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">

[sato0427]

99年てどこまであるんだっけ？ まだ牧歌的な構造が維持されてた時代か…

[yoiIT]

世紀末マークアップ

[yarumato]

“今時のHTMLの悪い習慣（ナビゲーションやリストにspan・div使用、フォームのレイアウトでselectやradioを使用せずdiv、divでテーブル実装、要素を過度に入れ子、JavaScriptで内容表示）の代わりにすべき習慣”

[remcat]

>このCSSは、ページ上のすべての要素を点線で囲むだけです。すべてのHTML要素に点線を与えることで、構造が複雑すぎるのをすぐに見つけることができます

[buhoho]

CSSフレームワーク使うと、フレームワークに合わせて構造が複雑になりがちなんだよなあ。なやましい

[fujis_a]

“Firefoxは素晴らしいです！”