忍者ブログ

からすまる日誌

20191030_pm03 section要素ほか

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

20191030_pm03 section要素ほか

⭐aside(アサイド)
yahooのページのカテゴリばっかあつまった部分とか。補足説明的な。サイドバーとも限らず下にくる場合もある。 
 

⭐article(アーティクル)要素 
 
>簡単に言ってしまうと、その部分だけを抜き取って、独立したページとして成り立つだけの内容であれば「article要素」を使用し、それ以外は「section要素」を使います。
 
いっこの記事の部分をマークアップするのに使ったりする。ブログ記事とかの、タイトル、本文、写真とかのひとまとめのために本来作られたらしい。
 

⭐section(セクション)要素
 
<div>はグループを分けるだけ。
<section>は関連のあるもの。単体でもありうるし、複数でもありうる。
<section>を<section>でくくるということもありうるし、<div>でくくるかもしれないし、<article>でくくるかもしれない。単体かもしれない。 

このサンプルの<section>を、sectionじゃなくて<ul>(リストだね)と考えてくくる人もいる。

タグによっては、その中でのさらに一番→<h1>という考え方もできるのがある。
これはHTML5からできるようになった。
セクションごとの<h1>とか。
 
<body>は<h1>からはじめられる
<main><section>なども<h1>からもはじめられる。
 
『htmlの見出しのアウトライン』というルールが一応ある。
https://gsnedders.html5.org/outliner/
 

長い文章をくくるときとかは
行替えをして
<dd>
内容
</dd>
とするし、
短かったら
<dt>内容</dt>
と記述するかもしれない。
終了タグが見える位置にあるかどうかで、ある種判断することもできる。
 

⭐<dl>要素
リスト要素のひとつ(olとかulとか)
対になる情報をリストで表現するときに用いる。
その中身は<dt>と、dtを定義するためのものが<dd>という対になっている。
 
PR

コメント

ブログ内検索

カレンダー

04 2025/05 06
S M T W T F S
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31