TOC

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!