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!