13日目。タイトル、ファビコン、aside、main、アーティクル。

プログラミング

隙間時間を大切に。

titleとfaviconタグ

titleタグ

<title>タグ。ブラウザのタグやブックマーク、検索結果の表示で使われる。

metaタグで、必ず name属性とcontent属性をセットで、name属性はdescription、content属性には文章の概要を指定することができる。

概要は検索結果でタイトルと一緒に表示される。

faviconタグ

<favicon>ブラウザのタグやブックマークのタイトルの横に表示されるアイコン。

chromeはデフォルトが地球アイコン。

設定には<link>タグを使う。

<link rel=”icon” href=”アイコンの画像”>

rel属性をiconにして、href属性を使って画像を指定。

asideとmainタグ

aside(アサイド)

広告や関連リンクのような本文とは少し関連が薄いコンテンツ専用タグ。

sectionではなく、asideを使用する。

main(メイン)

mainタグで囲むとメインコンテンツがわかりやすいように。

ページ内にはひとつのみ使用できる。

表示上の見た目は変わらない。

アーティクル

article(アーティクル)

記事のようなコンテンツ、個別配信、他サイトに埋め込まれているコンテンツ、SNSに投稿するものなどを囲う専用タグ。

sectionと同じく文章の区切りを明確にするだけなので見た目は変わらない。

timeタグ

西暦表示は問題ないが、日本語のような○月○日の場合、detetime(デートタイム)属性を使う。

<time datetime=”○○○○-○○-○○ ○:○” >○月○日</time>

コメント

タイトルとURLをコピーしました