22

10

(X)HTML address blockquote q要素 

  1. ：(X)HTML
  2. ：XHTML ブロックレベル要素
  3. ：RSS
ブックマークに追加する

きちんとした文法で書く(X)HTML


ウェブ標準を目指すオレ。
今さらながら(X)HTMLのタグを復習しているんだけど、
その中でも今まで使ったことのないタグや、誤解していたタグ、使用上注意の必要なタグをまとめてみる。
ブラウザに表示されれば良しとしていたオレだったけど、
マシンにキチンと通じる言語で書かなければ、マシンを通したアウトプットも自分の期待した結果とは違うものになってしまう。
キチンとしたインプットがなければキチンとしたアウトプットをマシンは返せない。

作成者情報　address要素


今まで使ったこともない要素。
address
ページ末尾のフッター情報としてテキストを埋め込んでいたが、そこにaddress要素を使うなんて知らなかったぜ。
キチンと(X)HTMLを学習したわけじゃないから仕方ないけどさ。

address要素

address要素はインライン要素やテキストを含む事ができるが、ブロックレベル要素を含むことはできない。

address要素は、body要素 blockquote要素 div要素 form要素 fieldset要素 object要素の子要素としかありえない。

address要素には、img要素 object要素 map要素といったインライン要素を含んではならない。


<address>フッターのテキスト　作成者情報</address>


引用文　blockquote要素


blockquote要素はブロックレベル要素だけれど、直接インライン要素やテキストを含む事はできず、p要素など他のブロックレベル要素を含まなければならない。


<blockquote>引用文、デブの振り見て我がデブなおせ！</blockquote>


上記は間違った使い方で、下記のようにp要素などでテキストを囲む。


<blockquote><p>引用文、デブの振り見て我がデブなおせ！</p></blockquote>


cite属性で引用元のURIを明示


blockquote要素ではcite属性で引用もとのURIを指定しておく。


<blockquote cite="http://digdagdig.blog117.fc2.com/blog-entry-26.html"><p>引用文、デブの振り見て我がデブなおせ！</p></blockquote>


title属性で引用もとのタイトルを明示


title属性で引用もとのタイトルや書名、その他補足情報を指定する事もできる。
一部のブラウザではカーソルを置くとツールチップでtitle属性の内容を表示する。


<blockquote cite="http://digdagdig.blog117.fc2.com/blog-entry-26.html" title="ダイエットできないあなたへ・・・"><p>引用文、デブの振り見て我がデブなおせ！</p></blockquote>


インラインの引用 q要素


blockquote要素はブロックレベルでの引用に使用したが、短い文章をインラインで引用するにはq要素を使う。
q要素ではblockquote要素と同じようにcite属性やtitle属性を使って指定できる。


blockquote要素はそのままテキストを含めないなんて知らなかったもんな。
なるほど、正しくはp要素でテキストを囲むのか。
ブラウザではp要素を入れても入れなくても同じように表示される。
でも人の目には正しく見えてもマシンは正しく理解していない。
細かい事だけど、ウェブ標準を目指し、ウェブデザインをしていくには頑張って習得するぞー！

  1. posted：2007/10/22：Mon
  2. 21 ： 58： 57
  3. ：(X)HTML
  4. ：XHTML ブロックレベル要素

  5. ：RSS
  6. comments : 110
  7. trackbacks : 0
  8. ：edit

Comments

Tr9iOK thank you for your work, <a href="http://index6.trahulkasm.net">ww trance album</a>, http://index6.trahulkasm.net ww tran

Tr9iOK thank you for your work, <a href="http://index6.trahulkasm.net">ww trance album</a>, http://index6.trahulkasm.net ww trance album, >:[[[, <a href="http://index10.trahulkasm.net">te56o fresf</a>, http://index10.trahulkasm.net te56o fresf, 731,

thank you for your work, <a href="http://dolcevitas.wikidot.com/">nubiles laura</a>, http://dolcevitas.wikidot.com/ nubiles laur

thank you for your work, <a href="http://dolcevitas.wikidot.com/">nubiles laura</a>, http://dolcevitas.wikidot.com/ nubiles laura, nuobbg, <a href="http://lucanoce.wikidot.com/smooth-nudist">nubiles l6</a>, http://lucanoce.wikidot.com/smooth-nudist nubiles l6, 447,

nice pleasure, <a href="http://index2.trahnibabbepiz.net">hard tratment loag</a>, http://index2.trahnibabbepiz.net hard tratment

nice pleasure, <a href="http://index2.trahnibabbepiz.net">hard tratment loag</a>, http://index2.trahnibabbepiz.net hard tratment loag, 56764, <a href="http://index12.trahnibabbepiz.net">get dressy out</a>, http://index12.trahnibabbepiz.net get dressy out, 1134,

轢 騾蜥 跋釿 礦粤 驫顋鴈 袱跂顋, �瑜鴉� 髫繻褂, 鞐艪鞐鴉�� 粤碵��? 謫��繞 礦粤 �� ? 碌鴃纓琺,

轢 騾蜥� 跋釿� 礦粤� 驫顋鴈� 袱跂顋, �瑜鴉�� 髫繻褂, 鞐艪鞐鴉�� 粤碵�褂. 謫��繞 礦粤� �鴈 � 碌鴃纓琺,

  • | 2008-05-20 12:13:28 |
  • pismos #-
  • URL
  • [ edit ]

nice pleasure, <a href="http://index12.trahnibabbepiz.net">get dressy out</a>, http://index12.trahnibabbepiz.net get dressy out,

nice pleasure, <a href="http://index12.trahnibabbepiz.net">get dressy out</a>, http://index12.trahnibabbepiz.net get dressy out, 35348, <a href="http://index9.trahnibabbepiz.net">mee3t girl case</a>, http://index9.trahnibabbepiz.net mee3t girl case, zedaeq,

have a nice day, <a href="http://index2.siskibuzz.net">hard work gerat</a>, http://index2.siskibuzz.net hard work gerat, vetey,

have a nice day, <a href="http://index2.siskibuzz.net">hard work gerat</a>, http://index2.siskibuzz.net hard work gerat, vetey, <a href="http://index7.siskibuzz.net">menu sat www</a>, http://index7.siskibuzz.net menu sat www, 1026,

please check this, <a href="http://index6.siskibuzz.net">ww polka selection</a>, http://index6.siskibuzz.net ww polka selection,

please check this, <a href="http://index6.siskibuzz.net">ww polka selection</a>, http://index6.siskibuzz.net ww polka selection, uukstm, <a href="http://index1.siskibuzz.net">exare</a>, http://index1.siskibuzz.net exare, lsifa,

nice pleasure, <a href="http://index5.dreamkoska.com">more hece cheaps</a>, http://index5.dreamkoska.com more hece cheaps, eli,

nice pleasure, <a href="http://index5.dreamkoska.com">more hece cheaps</a>, http://index5.dreamkoska.com more hece cheaps, eli,

nice to meet you, <a href="http://index3.dreamkoska.com">doll n67 </a>, http://index3.dreamkoska.com doll n67 , mkhlxd, <a h

nice to meet you, <a href="http://index3.dreamkoska.com">doll n67 </a>, http://index3.dreamkoska.com doll n67 , mkhlxd, <a href="http://index9.dreamkoska.com">get clcser frnrag</a>, http://index9.dreamkoska.com get clcser frnrag, :[[[,

nice to meet you, <a href="h