このタグは記事の著者に関する情報や連絡先を
マークアップするために使います。<footer>タグと
同じように、記述する場所によって使い方が違います。
<article>タグ内に記述する場合は、
サンプルコード1のようにします。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>HTMLのメモ</title> </head> <body> <article> <h1>HTMLのブログ</h1> <section> ・・記事の中身・・ </section> <footer> <address>著者:ベスナ</address> </footer> </article> </body> </html> |
<article>タグの外に書く場合、そのWebサイトの
管理人の連絡先を表示します。このサイトの場合だと
下記のサンプルコードになります。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>HTMLのメモ</title> </head> <body> <article> <h1>HTMLのブログ</h1> <section> ・・記事の中身・・ </section> </article> <footer> <address>このサイトに関するお問い合わせは<a href="http://vesna.pw/?page_id=6">こちら</a></address> </footer> </body> </html> |