チャレンジ10日目
01 . role属性は「役割」を指定する
・role=”banner” : ヘッダー部分
・role=”main” : メインコンテンツ
・role=”contentinfo” : コンテンツ情報、メタ情報
・role=”navigation” : ナビゲーション
・role=”search” : 検索機能
・role=”complementary” : 補助的情報部分
・role=”application” : アプリケショーン
role属性はHTML5で新たに追加された属性です。これらはWebページの構成内である役割を担う要素に対し目印を付けることからランドマーク(Landmark)と呼ばれています。このように文書構造に対し目印をつけることでWebアクセシビリティの向上を図ります
チャレンジ9日目
勉強計画と進捗が分からないとなかなか手をつけることができない。。
チャレンジ7日目
navigation
nav
classに「navbar」
「navbar-expand-〇〇」「navbar-色名」「bg-色名」
ul li ul li
nav class="navbar navbar-expand navbar-light bg-primary
<a href="" class="navbar brand">Navbar</a>
チャレンジ6日目
sectionとdivの違い
・section
章、節、項などの範囲を定義したい場合、section要素を用いると良いということですね。
文章に意味的な区切りをつけたい場合使用する
・div
それに対してdivは特に意味的な区切りが無く、レイアウト上範囲を指定したい場合に使用する
グリッドレイアウト
row
行
col
列
チャレンジ5日目
やったこと
レスポンシブ対応
mb
sm
lg
bg primay col-10 col-10-mb-5
知識応用スル
cover text-white 4 py-5
チャレンジ4日目
やったこと
・ドットインストールでbootstrap
ボタンの作り方
<button class="btn btn bg-primary">OK</button>
グリッドレイアウト
<div class="container">
<div class="row">
<div class="col">1</div>
<div class="row mb-3">