チャレンジ10日目

01 . role属性は「役割」を指定する

・role=”banner” : ヘッダー部分
・role=”main” : メインコンテンツ
・role=”contentinfo” : コンテンツ情報、メタ情報
・role=”navigation” : ナビゲーション
・role=”search” : 検索機能
・role=”complementary” : 補助的情報部分
・role=”application” : アプリケショーン

role属性はHTML5で新たに追加された属性です。これらはWebページの構成内である役割を担う要素に対し目印を付けることからランドマーク(Landmark)と呼ばれています。このように文書構造に対し目印をつけることでWebアクセシビリティの向上を図ります

チャレンジ6日目

sectionとdivの違い

 

・section

章、節、項などの範囲を定義したい場合、section要素を用いると良いということですね。

 文章に意味的な区切りをつけたい場合使用する

・div

それに対してdivは特に意味的な区切りが無く、レイアウト上範囲を指定したい場合に使用する

 

 グリッドレイアウト

row

col 

チャレンジ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">