お品書き
書き直し中…
とりあえず、中へどうぞ
↓↓↓
スポンサーリンク

定義リストにマーカーをつける

WEBデザイン
ul 要素、ol 要素、l i要素は list-style-type を指定することができるけれど、では同じリスト要素である dl(定義型リスト)には マーカーをつけることはできないのか?

⇒ display プロパティで list-item を指定すればOK

ソース
<style><!-- dl { margin: 0; padding: 10px; border: solid 1px gray; } dt { font-weight: bold; } dd { margin:0 2em; list-style-type: square; display: list-item; list-style: square outside; } --></style> <dl> <dt>有袋類の動物</dt> <dd>カンガルー</dd> <dd>ワラビー</dd> <dd>コアラ</dd> <dd>ウォンバット</dd> </dl>
表示
有袋類の動物
カンガルー
ワラビー
コアラ
ウォンバット
※[ display:list-item; ]はどんな要素にもつけることができるらしいので適当なタグをでっちあげて試してみたら・・・

おお、できた!(笑)

ソース
<style><-- fghjkl { display: list-item; margin: 0 2em; list-style-type: square; } --></style> <fghjkl>山の海lt;/fghjkl> <fghjkl>川の空lt;/fghjkl> <fghjkl>風の星lt;/fghjkl>
表示
山の海川の空風の星

HTMLで独自タグを使うのは仕様上問題ないのか?
ところで、存在しないタグって、使ってよいのですかね?

検索したみたら、以下のような解説が。
DOM の仕様では HTMLUnknownElement という要素が定められていて、不明な要素を扱うことができます。

https://html.spec.whatwg.org/multipage/dom.html#elements-in-the-dom

そのため、現時点では不明な要素を利用しても問題なく動作すると思います。
しかしながら、将来的に新しい要素が追加される可能性があります。この時に名前がかぶってしまうと意図しない動作になる可能性があります。

将来のことを考えると「独自タグを使うべきではない」と言えるでしょう。
https://ja.stackoverflow.com/questions/31216/

なるほど、

現状では使える。
ブラウザやHTMLの仕様が変更になると(同じタグが新たに誕生すると)問題が起きる可能性がある。

という事ですね。

絶対重複しない文字列のタグなら大丈夫そう?(^^;)

コメント