نقل قول ها در HTML

نقل قول ها کمک می‌کنند تا درصورت استفاده از منابع دیگر مانند سایت ها،کتاب ها و... مشخص کرد که آنها برگرفته از جای دیگری است.

با تگ های زیر استفاده از نقل قول ها امکان پذیر است:

  • blockqoute: بخشی از متن را تعریف می کند
  • q: یک نقل قول کوتاه را تعریف می کند.
  • abbr: برای کلمات مخفف استفاده می‌شود.
  • address: اطلاعات یک فرد را تعریف می کند.
  • bdo: برای برعکس کردن کاراکتر های یک متن استفاده می شود.
  • bdi: برای نادیده گرفتن جهت متن استفاده می شود.

//

//

//

تگ blockquote در HTML

تگ blockqoute بخشی از متن را تعریف می کند که از یک صفحه دیگر نقل قول شده است.

این تگ برای نقل قول از صفحات داخلی سایت یا صفحات سایت های دیگر استفاده می‍شود. 

نکته: با استفاده از این تگ محتوای داخلی کمی از اطراف خود فاصله می‌گیرد. به این فاصله margin گفته می‌شود.

<blockquote cite="http://www.pnldev.com/about-us">
    متن پیش‌فرض
</blockquote>

نکته: برای اطلاعات بیشتر راجع به این تگ به بخش تگ blockqoute در مرجع بروید.

تگ q در HTML

تگ q یک نقل قول کوتاه را تعریف می کند.

متنی که نقل قول کوتاه می شود در کنار خود علامت نقل قول (;) را قرار می دهد.

<q>Lorem ipsum dolor sit amet.</q>

نکته: تگ q یک نقل قول کوتاه و blockqoute یک نقل قول بلند را تعریف می کند.

نکته: برای اطلاعات بیشتر راجع به این تگ به بخش تگ q در مرجع بروید.

تگ abbr در HTML

با استفاده از تگ abbr می توانید یک مخفف کنید.

مخفف ها از کنارهم قرار گرفتن حروف اول کلمات یک متن بدست می‌آیند.

<p>
   The <abbr title="Organizations of economic cooperation and development">OECD</abbr>
   It was established for financial....
</p>

نکته: این تگ دارای ویژگی title است که متن اصلی مخفف شده را می‌پذیرد.

نکته: برای اطلاعات بیشتر راجع به این تگ به بخش تگ abbr در مرجع بروید.

تگ address در HTML

تگ address اطلاعات یک فرد را تعریف می کند.

این اطلاعات می تواند شامل آدرس اینترنتی , شماره تلفن و .... باشد.

این تگ متن درون خود را به صورت مورب ( italic ) نشان می دهد.

<address>
   the writer <a href="pnldev.group@example.com">ehsan eslami</a>.<br> 
   contact us with:<br>
   Example.com<br>
   tehran<br>
   iran
</address>

نکته: برای اطلاعات بیشتر راجع به این تگ به بخش تگ address در مرجع بروید.

تگ bdo در HTML

تگ bdo برای برعکس کردن کاراکتر های یک متن استفاده می شود.

برای مثال در جمله زیر از تگ bdo برای کلمه PNLdev استفاده شده است.

PNLdev

<p><bdo dir="rtl">This paragraph will go right-to-left.</bdo></p>

نکته: تگ bdo مخفف Bi Directional Override است.

یکی از ویژگی های این تگ dir است که مخفف direction است که این ویژگی جهت متن را تعیین می کند.

نکته: برای آشنایی با جهت متن ها به درس چینش متن در CSS مراجعه کنید.

نکته: برای اطلاعات بیشتر راجع به این تگ به بخش تگ bdo در مرجع بروید.

تگ bdi در HTML

تگ bdi برای نادیده گرفتن جهت متن استفاده می شود.

در صورت استفاده از کلمات انگلیسی میان جملات فارسی، دچار به هم ریختگی می‌شود؛ برای حل این مشکل از تگ bdi می‌توان استفاده کرد.

عموما از این تگ برای محتوای تولید شده توسط کاربر استفاده می شود که جهت (direction) آن مشخص نیست.

<li>سلام من <bdi>ehsan</bdi> هستم.</li>

نکته: برای اطلاعات بیشتر راجع به این تگ به بخش تگ bdi در مرجع بروید.

خلاصه درس

در این درس با مباحث زیر آشنا شدید:

  • تگ های مربوط به کوتیشن ها
  • برخی از نکات درباره این تگ ها

تمرین

کلمه HTML را به صورت مخفف نمایش دهید.

<p> HTML : hyper text markup language</p>
مشاهده پاسخ
توسعه دهندگان
احسان اسلامی