This article is currently in the process of being translated into Thai (~93% done).
Semantic HTML5 section tags:
The address tag
Address tag เป็น element ใหม่ของ HTML5 ที่เกือบจะใช้งานได้ไม่ยุ่งยากและไม่ซับซ้อน สิ่งที่สำคัญ 2 สิ่งที่ควรรู้คือ element ที่อยู่ใน address element nest จะต้องเกี่ยวข้องกันทั้งหมด และจะต้องอ้างอิงค์ถึงที่มาของผู้เขียนบทความหรือแหล่งที่มาของบทความ
นี่คือตัวอย่างการใช้ <address> element
<article>
<header>
<hgroup>
<h1>All About Flour<h1>
<h2>Wheat flour is the backbone of the baked goods we love.</h2>
</hgroup>
<address>by Jane Doe</address>
</header>
<address> element ใช้เพื่ออ้างอิงค์ถึงที่ผู้เขียนในส่วนของบทความนั้นๆ นี่คือตัวอย่างของ <address> element ที่มีชื่อผู้เขียนใน blockquote
<article>
<header>
<h1>All About Flour<h1>
<p class="byline">by Jane Doe</p>
</header>
<section>
<h2>The Two Types of Wheat</h2>
<p>There … to rise.</p>
<p>Where … with less protein.</p>
</section>
<blockquote>
Wholemeal flour, the whole grain milled as finely as possible with all of the outer bran and inner germ intact, is one of the best white flour improvers I know of. <br />
<address>Dan Lepard, www.danlepard.com</address>
</blockquote>
</article>
ส่วนด้านล่างเป็นตัวอย่างว่าเมื่อไหร่เราจึงจะไม่ควรใช้ แต่ถ้าเกี่ยวข้องกับข้อมูลติดต่อ ก็จะสามารถใช้ได้
<address>
James Hansson <br />
27 Bricklane <br />
Georgetown <br />
</address>
สรุป
- Address element ใช้เพื่ออ้างอิงค์ถึงที่ผู้เขียนในส่วนของบทความนั้นๆ
- <address> element ส่วนใหญ่จะใช้ใน header หรือ footer
This article has been fully translated into the following languages:
Is your preferred language not on the list? Click here to help us translate this article into your language!