در ادامه جلسات آموزشی به معرفی لیست دیگری از  تگ های HTML می پردازیم. با ما همراه باشید.

تگ <a>

تگ لینک یا تگ <a> برای ارتباط بین صفحات وب و یا ایجاد لینک در داخل صفحه سایت به کار میرود. این تگ به صورت کلی زیر به کار میرود :

نکته ی مهم در استفاده از تگ <a> این است که در بخش محتوا می توان غیر از متن از تصویر و یا المنت های دیگر نیز استفاده نمود.

در تگ <a> مهم ترین خصوصیت href است که نشان می دهد مقصد لینک کجاست.

به طور پیش فرض، لینک ها در مرورگرها به یکی از روش های زیر، ظاهر می شوند:

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

مهمترین خصوصیات <a> به صورت زیر می باشد :

خصوصیت مقدار توضیحات
charset char_encoding در HTML5 پشتیبانی نمی شود.
مشخص کننده نوع کدینگ کاراکترهای صفحه مقصد است.
coords coordinates در HTML5 پشتیبانی نمی شود.
مختصات یک لینک را مشخص می کند.
download filename دانلود یک لینک را مشخص می کند.
href URL ایجاد پیوند یا لینک به سندی دیگر را مشخص می کند.
hreflang language_code مشخص کننده زبان اصلی وپیش فرض صفحه مقصد پیوند است.
media media_query لینک رسانه یا دستگاه را مشخص می کند.
name section_name در HTML5 پشتیبانی نمی شود.
ایجاد لینک نامگذاری شده در یک سند را مشخص می کند. (استاندارد HTML5 خصوصیت id را به جای name برای تعیین اسم برای یک محل مشخص پیشنهاد می دهد)
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
نوع ارتباط بین سند رایج و سند لینک شده را مشخص می کند.
rev text در HTML5 پشتیبانی نمی شود.
نوع ارتباط بین سند لینک شده با سند های رایج را مشخص می کند.
shape default
rect
circle
poly
در HTML5 پشتیبانی نمی شود.

ایجاد shape (شکل) از لینک را مشخص می کند.

 

target _blank
_parent
_self
_top
framename
خصوصیت target مشخص می کند که صفحه ی لینک شده چگونه باز شود.
type media_type نوع media (رسانه) لینک شده به سند را مشخص می کند.

نکته : اگر ویژگی href تنظیم نشده باشد، هیچ کدام از ویژگی های زیر اثری نخواهند داشت:

  • download
  • hreflang
  • media
  • rel
  • target
  • type

خصوصیت Href

این خصوصیت مهمترین خصوصیت تگ a می باشد که مرورگر پس از کلیک بر روی محتوای لینک به آدرسی که در این خصوصیت قرار داده شده است می رود. بطور مثال :

تگ لینک
تگ لینک

خصوصیت  target

این شناسه چهارچوب بازشدن لینک را مشخص میکند یعنی لینکی که بر روی آن کلیک شده است در کجا باز شود. بطور مثال :

تگ لینک
تگ لینک

تگ button در HTML

تگ <button> یک دکمه  قابل کلیک کردن را به وجود می آورد.

تفاوت دکمه ایجاد شده با تگ<button> و دکمه ایجاد شده با تگ <input> در این است که داخل تگ <button> می توان محتوایی شامل متن یا تصویر گذاشت.

نکته: همیشه نوع ویژگی ها (attribute) عنصر را مشخص کنید، زیرا مرورگر های مختلف مقادیر مختلفی را به طور پیش فرض برای  عنصر <button> به کار می برند.

به مثال زیر توجه کنید…

ویژگی های تگ <button>

خصوصیت مقدار توضیحات
autofocus autofocus مشخص می کند یک button (دکمه) بطور خودکار در کانون توجه قرار می گیرد زمانی که صفحه load می شود.
disabled disabled یک button (دکمه) غیر فعال را مشخص می کند.
form form_id مشخص می کند که یک button متعلق به کدام فرم یا فرم ها می باشد.
formaction URL مشخص کننده این است که هنگام ارسال یک فرم داده های مربوط به آن به کجا فرستاده شوند. (فقط برای نوع submit)
formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain
مشخص کننده این است که داده های مربوط به فرم پیش از ارسال آن فرم چگونه رمزگذاری شود. (فقط برای نوع submit)
formmethod get
post
مشخص کننده این است که داده های مربوط به یک فرم چگونه فرستاده شوند(با استفاده از کدام متد HTTP ). (فقط برای نوع submit)
formnovalidate formnovalidate مشخص کننده این است که داده های یک فرم احتیاجی به سنجش اعتبار ندارند. (فقط برای نوع submit)
formtarget _blank
_self
_parent
_top
framename
مشخص کننده این است که پیغام کجا نمایش داده شود پس از اینکه فرم ارسال می شود. (فقط برای نوع submit)
name name مشخص کننده یک نام برای button
type button
reset
submit
مشخص کننده نوع button
value text مشخص کننده یک مقدار اولیه برای button

 

معرفی HTML Tag – جلسه پنجم
Tagged on:             

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *