「まずはdivタグどんどん使っていいからhtml作ってみよう」
今の会社に入った時、DOMってなんぞや？ぐらいの知識しかなかったので、
とりあえず仕事ができるように、そう言われて何の違和感もなく、DIV組みしてきました。
webシステムってSEO一切関係ないから、崩れなければそれでよし。
そこがいちばんのポイントだから、DOMの構造や、
そのほかのタグなんてものは、勉強しなかったわけですよ。
<img>タグはbackgroundで代用できるし、
<list>、<dt>とかも使わなくても<div>だけで組めちゃう。
流石に<table>とかは使っちゃいますけど。
でもでもでも。
なんかちょっと最近、divでhtml組んでることが恥ずかしくなってきました。
webデザインとかフロントかじってます。って言っときながら。
div組みかよ。って。
そこで「脱div組み」を目指すことにしました！
いろんなサイト見てみたけど、当面はとりあえず以下を意識。
wraper系の、枠組みとかレイアウトに関わるものは<div>でOK。
ヘッダーは<header>
メニューは<nav>
コンテンツ（内容）部分は<main>
フッターは<footer>
タイトルは<h1>〜<h5>
テキストは<p>
イメージは<img>、だけど場合によってはcssのbackgroundでいい。
表は<table>
リストは<ul>系
とりあえずこんな感じのマークアップから始めてみる。
これも意識した方がいいっていうのがあれば、
ぜひコメントください。