TOC

This article is currently in the process of being translated into Thai (~97% done).

HTML Basics:

Blockquotes

การใช้การแสดงคำพูดเพืออ้างอิง <blockquote> element นั้นสามารถใช้ได้หลากหลายแบบ แต่ที่สำคัญคือ การใช้เพื่อที่จะบอกว่า ข้อมูลที่แสดงใน webpage นั้นมาจากแหล่งที่มาอื่น ถ้าเราอยากได้เครื่องหมายคำพูดในลักษณะพิเศษ pull-quote ต่างๆกันไป เราต้องใช้ element อื่น เรามาดูตัวอย่างข้างล่างกัน

<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 />
	Dan Lepard, <a href="http://www.danlepard.com">danlepard.com</a>
</blockquote>
<section>… </section>
</article>

จากตัวอย่างเป็นการอ้างอิงมาจากที่อื่น ถ้าสังเกตดีๆจะเห็นว่า มีการย่อหน้าที่ข้อมูลการอ้างอิง

สรุป

  • Blockquote element เป็นการอ้างอิงมาจากที่อื่น
  • ไม่ควรใช้ pullquote กับ blockquote แต่ควรใช้กับ aside element แทน
  • Blockquote เป็น block-level element
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!