خانه / آموزش ها / آموزش HTML / آشنایی با تگ های abbr, hr, cite, acronym
abbrcite-tag

آشنایی با تگ های abbr, hr, cite, acronym

جلسه ۶:

 الف:آشنایی با تگ های abbr, hr, cite, acronym

 ب: ایجاد نقل قول در html

ج: کاراکترهای ویژه در html

 

 تگ abbr

تگ <abbr>  مخفف عبارات یا کلمه ای که از حروف اول کلمات دیگر ترکیب شده  را نشان می دهد، مانند “WWW” یا App  که مخفف کلمه Application می باشد و برای نمایش این کلمه می توان از این تگ استفاده کرد.

نکته: از title می توان استفاده کرد و توضیحاتی که مربوط به کلمه اختصاری است می نویسیم

مثال :

The <abbr title=”World Wide Web”>WWW</abbr> was founded in 1987.

شما توسط تگ <abbr> (مخفف) می توانید اطلاعات مفیدی را به مرورگرها، موتور جستجو، سیستم ترجمه (translation systems) ارائه دهید.

 تگ acronym

تگ <acronym> در HTML5 پشتیبانی نمی شود شما می توانید از تگ abbr  استفاده  کنید.

تگ <acronym> مخفف یک عبارت را نشان می دهد.

این مخفف ها می توانند طوری بیان شوندکه به نظر می رسد از اول خودشان یک کلمه بوده اند مانندNATO، NASA، ASAP و GUI.

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

مثال :

Can I get this <acronym title=”as soon as possible”>ASAP</acronym>?

شما می توانید با علامت گذاری مخفف یک عبارت، اطلاعات مفیدی به مرورگرها، سیستم های مترجم، موتور های جستجو و هجی کننده ها ارائه دهید.

 

 تگ cite

تگ <cite>  عنوان یک کار را تعریف می کند مثلا عنوان یک کتاب، یک آهنگ، یک فیلم، یک برنامه تلویزیونی، یک نقاشی، مجسمه سازی، و غیره

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

مثال :

<img src=”img_the_scream.jpg” width=”220″ height=”277″ alt=”The Scream”>

<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>

 

در HTML5 تگ<cite>  عنوان یک کار را مشخص می کند و در HTML 4.01 تگ <cite> یک نقل قول را مشخص می کند.

 

 تگ hr

تگ <hr> برای جدا کردن دو موضوع در صفحه HTML به کار می رود (مانند تغییر موضوع) یعنی برای جدا کردن محتوا و یا تعریف یک تغییر استفاده می شود.

<h1>HTML</h1>
<p>HTML is a language for describing web pages…..</p>
<hr>

<h1>CSS</h1>
<p>CSS defines how to display HTML elements…..</p>

تفاوت بین HTML 4.01 و HTML5

در HTML5، تگ <hr> برای جدا کردن دو موضوع در صفحه HTML به کار می رود.

در HTML 4.01، تگ <hr> نشان دهنده یک خط افقی است.

به هر حال ممکن است تگ <hr> هنوز هم به عنوان یک خط افقی در مرورگرهای بصری نمایش داده شود، اما در حال حاضر از لحاظ معنایی تعریف می شود نه از لحاظ نمایشی.

تمام ویژگی های طرح در  HTML5 پشتیبانی نمی شود. شما می توانید از CSS استفاده کنید.

تفاوت بین  HTML  و  XHTML

در HTML، تگ <hr> تگ پایانی ندارد.

در XHTML، تگ <hr> با یک تگ پایانی بسته می شود، مانند <hr />

ب: ایجاد نقل قول (تگ q)

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

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

<p>WWF’s goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

 تگ blockquote

بعضی مواقع متن مورد نظر ما نقل قول از منبع دیگری می باشد که برای نشان دادن منبع نقل قول از عبارت <block quote را نوشته و در ادامه از خصوصیت cite استفاده می کنیم به این صورت که عبارت cite=”url” را نوشته که url  آدرس اینترنتی منبع نقل قول است و در ادامه کاراکتر > را تایپ کرده، حال می توانیم متن مورد نظر خود را تایپ کنیم و در إنتهاء تگ  </block quote>را می نویسیم . مانند؛

<block quote cite=http://www.yahoo.com>

welcome to yahoo

</block quote>

در HTML 4.01، تگ <blockquote> یک نقل قول طولانی را مشخص می کند.

در HTML5، تگ <blockquote> بخشی که به نقل از منبع دیگری است را مشخص می کند.

 کراکترهای ویژه(special character) در صفحات وب

راجع به کاراکترهای ویژه یا کاراکترهایی که در صفحه کلید نیستند ویا معنی خاصی را در html   می دهند و مرورگر زمانی که با آن مواجه می شود، آنها را به عنوان یک کد html تفسیر می کند مثل بسیاری از علامت های ریاضی، فنی، و علامت ارز، در حال حاضر بر روی صفحه کلید عادی نیست.

مثلا ما یک تگ <div> داریم و می خواهیم در خروجی نمایش دهیم اما مرورگر به عنوان یک

تگ باز div می شناسد..

این کاراکتر های ویژه با استفاده از کدهای ویژه نمایش داده می شوند. این کدهای ویژه با علامت    & (امپرسند) شروع می شوند و با تعدادی حرف یا عدد ادامه پیدا می کنند و با ; (سمی کالن) پایان می یابند

موجودیت های پشتیبانی شده توسط HTML

Other Entities

 

برخی علائم ریاضی پشتیبانی شده توسط  HTML

Mathematical Symbols

 

 

درباره ی حسینعلی جانی نژاد

با سلام خدمت دوستان عزیز، فارغ التحصیل رشته IT هستم و در زمینه برنامه نویسی وب و طراحی سایت فعالیت می کنم.

پاسخ دهید