僕の世界観を変えてみるスマートフォン用の表示で見る僕の世界観を変えてみる文系男子が趣味でプログラミングを勉強していくブログです。他にも日常で起きたどうでもいいことや愚痴を書いていきたいです。座右の銘は和を以て貴しとなすです。アウトライン考えていますか?セクションタグで章、節、項を分類しよう2015-08-13アウトライン考えていますか?セクションタグで章、節、項を分類しようwebシェアするTwitterGooglePocketLine本日3回目の更新です。HTMLのアウトラインを理解しよう、です。アウトラインとは階層やツリー構造のことのようです。Excelでもアウトラインってありましたよね。セクションというのが区切りという意味のようです。記事やリンクやお知らせなどをそれぞれのタグで囲めってことですかね?よくわからないけど本通りに進めていきます。今回作成しているページは1つの記事になっていて内容が単体で完結しているのでページ全体を<article>で囲むようです。<body>の下に<article>と、</body>の上に</article>と追加しました。articleはブログの記事ごとに囲むタグらしいです。次にsectionというタグを追加するんですが、これはなんだ。本を見るとsectionが挿入されている部分は<h2>などの見出しで始まるような段落のある部分に書かれているので、まあそういう意味なんでしょう。実際に書き込んでいきます。ん?こんなにsectionっているの?まず全体をarticleで囲んで、次に<h2>の見出しをsectionで囲む。<2>の見出しの下の階層に<h3>の見出しがあるからそれもsectionで囲むと。sectionだらけですわ。<nav>と<aside>のタグも追加していきます。本を見るとnavはないので追加しなくていいみたいです。<aside>はそのページの補足情報が書かれている部分を囲むタグのようです。そんな部分はないので補足情報も書き加えてそのうえでasideで囲います。デザインの教科書</h3><p>まだ製作途中ですが、こちらの書籍を参考にさせていただきました。</br>オールカラーで色分けもされていてとてもわかりやすい書籍です。</p></aside>こんなところでしょうか。今度はheaderとfooterタグを追加するようです。headerは上のほうにfooterは下のほうにこんなんでいいのでしょうか・・・HTMLはとりあえずここで終了のようです。22:10アウトライン考えていますか?セクションタグで章、節、項を分類しよう関連記事2017-10-07【Python3】BeautifulSoupとRequestsを使ったスクレイピングPythonいじっていてあれこれどう書くんだっけ?ってことがよく...2015-11-08簡単!CSSで見出しをそれっぽく変えてみよう。ヶ月)工場→カフェバイト→質屋の店長→現在SEもどき。2019年10月にバセドウ病と診断される。僕の世界観を変えてみるスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。