آموزش اچ تی ام ال HTML

آموزش طراحی وب سایت با استفاده از اچ تی ام ال HTML

المان a (یا المان anchor) برای ایجاد لینک به دیگر صفحات، فایل ها، بوکمارک (جاهای دیگر در همان صفحه)، آدرس ایمیل، یا یک URL دیگر استفاده میشود.

مثال

 
<nav>
    <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/news">News</a></li>
        <li><a href="/contact">Contact</a></li>
    </ul>
</nav>
 

اتریبیوت ها

این المان از اتریبیوت های جهانی استفاده میکنند.

download

این اتریبیوت به مرورگر میگوید بجای اینکه به یک URL برود آنرا دانلود کند و درنتیجه پنجره ذخیره فایل برای کاربر نمایش داده میشود. اگر اتریبیوت مقدار داشته باشد، بعنوان نام پیش فرض درنظر گرفته شود (البته کاربر میتواند آن نام را تغییر دهد). هیچ محدودیتی برای نام مقادیر وجود ندارد، هرچند / و \ تبدیل به _ میشود. خیلی از فایلهای سیستمی برای نامگذاری محدودیت دارند و بنابراین مرورگراها این محدودیتها را رعایت میکنند.


<a href="http://kntit.ir/images/logo.png" download="kateban logo">
<img src="http://kntit.ir/images/logo.png" alt="kateban logo" />
</a>

href

شامل URL یا fragment URL میشود که لینک به آن اشاره دارد.

fragment URL نامی است که پس از # می آید. # به بخشی یا قسمتی از همان صفحه (یک id از المان HTML) دلالت دارد. URL ها محدود به داکیومنت های HTTP وبی نیستند، اما میتوانند از هر پروتکلی که توسط مرورگرها پشتیبانی میشوند استفاده کنند. برای مثال file:، ftp: و mailto: توسط اکثر مرورگرها پشتیبانی میشوند.

 
<a href="mailto:این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید">Send Mail</a>
 

درHTML5 این اتریبیوت میتواند حذف شود تا placeholder link ایجاد شود. ظاهر placeholder link همانند لینک باقی می ماند ولی به هیچ جا لینک نمیشود.

 
<a>placeholder link</a>
 

hreflang

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

 
<a href="http://kntit.ir" hreflang="fa">kntit</a>
 

ping

این اتریبیوت میتواند لیستی (که با space از هم جدا میشوند) از URL که باید پینگ شوند تا کاربر بتواند URLی که در href نوشته شده است را ببیند داشته باشد. به عبارت دیگر، این اتریبیوت به نوعی ساپورت بومی (native support) برای کلیک و ردیابی لینک است.

هرچند WHATWG چنین هشداری درباره این اتریبیوت میدهد:

اتریبیوت ping بخاطر تکنولوژی های از پیش موجود نظیر محدودیت های HTTP و جاوااسکریپت بلااستفاده شود زیرا به صفحات وب این اجازه را نمیدهد که ببینند کدام یک از لینکها محبوبتر هستند یا تبلیغات بتوانند نرخ کلیک را بدست بیاورند.

باید پرسید که اگر این تکنولوژی های از پیش موجود باعث شده اند این اتریبیوت بلااستفاده بشود چرا اصلا بوجود آمده؟ دلیل اصلی بوجود آمدن اتریبیوت ping ایجاد شفافیت در دیدن دیگر درخواست هایی که باید صورت بگیرد تا بتوان بر روی لینک کلیک شود می باشد.

پیشنهاد شده است که مرورگرها به کاربران این اجازه هندل کردن توتیفیکیشن های پینگ را بدهند، مانند بلاک کردن برخی URLها بدین صورت که کاربرد بتواند برخی از URLها را غیر فعال کنند یا کل پینگ را.

اما همه مرورگرها از این اتریبیوت پشتیبانی نمیکنند. برای مثال کروم و اپرا از این اتریبیوت پشتیبانی میکنند. فایرفاکس از این اتریبیوت پشتیبانی میکند ولی آنرا غیر فعال کرده است و اینترنت اکسپلورر و سافاری از این اتریبیوت پشتیبانی نمیکنند. در ضمن باید گفته شود که اتریبیوت پینگ در تعیین پیش نویس HTML5 کنسرسیوم W3 یا W3C HTML5 draft spec قرار ندارد.

 
<a href="http://kntit.ir" ping="http://kntit.ir/trackpings">kntit</a>
 

rel

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

 
<a rel="nofollow" href="http://www.functravel.com/">Cheap Flights</a>
 

target

مشخص میکند که لینک کجا نمایش داده شود:

_self باعث میشود که URL در پنجره یا تبی که کلیک شده است باز شود (مقدار پیش فرض).

_blank باعث میشود که URL در پنجره یا تب جدید باز شود.

_parent باعث میشود URL در فریم بالایی یا parent باز شود.

_top باعث میشود URL بصورت صد در صدی باز شود. اگر صفحه وب درون یک فریم قفل شده باشد میتوانید در target از این کلمه کلیدی استفاده کنید.

 
<a href="<a href="http://kntit.ir">http://kntit.ir</a>" target="_blank">Visit kntit</a>
 

type

نوع مدیا را بصورت MIME type برای URL لینک شده مشخص میکند. برای مثال (audio/ogg) یا (image/png).

 
<a href="<a href="http://kntit.ir">http://kntit.ir</a>" type="text/html">kntit</a>
 

المان a اتریبیوتهایی نظری charset، coords، name، rev و shape دارد که در HTML5 حذف شده و تنها در html4 میشود از آنها استفاده کرد.

مطالعه بیشتر: تگ ها و اتریبیوت های ممنوع و منسوخ شده در HTML

 نکاتی که باید در ذهن داشته باشید

  • المان a میتواند با رویداد onclick دچار اشکال شود. معمولا در href لینک از # یا javascript:void(0) استفاده میشود تا صفحه رفرش نشود. اما این مقادیر زمانی که لینک ها کپی/ درگ میشوند، در پنجره جدید باز میشوند، بوکمارک میشوند، و زمانی که جاوااسکریپت در حال دانلود است با خطا مواجه میشوند یا غیر میشوند. در این موارد پیشنهاد میشود فقط از المان button استفاده شود. در کل بهتر است از المان a تنها برای نویگیت از طریق URL استفاده شود.
  • داخل المان a لازم نیست تنها متن باشد. عکس و هر المان دیگری میتواند داخل آن قرار بگیرد.

مطالعه بیشتر

a, abbr, b, bdi, bdo, br, cite, code, data, dfn, em, i, kbd, mark, q, s, samp, small, span, strong, sub, sup, time, u, var, wbr

نوشتن دیدگاه

جستجو در سایت

  • تاریخچه زبان HTML +

    در سال 1980 فیزکدانی بنام تیم برنرز – لی که با پروژه CERN همکاری داشت ENQUIRE را طراحی کرد

    Read More

  • معرفی زبان HTML +

    هر کسی میتواند وب سایت ایجاد کند. و اگر شما مطالب آموزش html کاتبان نوین طرح را دنبال کنید حتما

    Read More

  • المانهای HTML +

    تگ های HTML همان نام تگ است که داخل براکت قرار دارند که معمولا بصورت زوجی هستند.

    Read More

  • اتریبیوت های زبان HTML +

    دربرخی از المانها شما میتوانید اطلاعات اضافی به آن بدهید. به این اطلاعات اضافه اتریبیوت میگویند.

    Read More

  • XHTML یا HTML؟ +

    پیش از XHTML 1.0 مهم نبود که شما تگ ها را با حروف بزرگ بنویسید و یا حروف کوچک.

    Read More

  • DOCTYPE چیست +

    Document Type Declaration و یا به اختصار doctype برای مشخص کردن نوعی که سند نوشته شده است استفاده میشود.

    Read More

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

افراد آنلاین

ما 181 مهمان و بدون عضو آنلاین داریم