illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

آموزش HTML (قسمت 5) : کار با لینک ها در HTML (جلسه اول)

43450 ۳۱ شهریور ۹۱
1 2 3

معرفی تگ <a>

بدون شک یکی از ویژگی هایی که وب را از سایر ابزار و رسانه ها متمایز میکند این است که در یک صفحه وب می توان با کلیک بر روی یک لینک به سایر صفحات و منابع اطلاعاتی موجود بر روی اینترنت دسترسی داشت.

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

لینک ها به انواع دیگری همچون لنگری، ایمیلی، و دانلود دسته بندی می شوند. در ادامه به بررسی انواع لینکها آدرس ها و نحوه ایجاد هر یک از آن ها خواهیم پرداخت.

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

در ادامه به بررسی صفت های تگ a برای کنترل جزئیات لینک ها می پردازیم:

accesskey : از این صفت می توان برای تعریف کردن یک کاراکتر از صفحه کلید به عنوان میانبر برای دسترسی به یک لینک استفاده کرد. نحوه دسترسی و استفاده از یک لینک بر اساس میانبر آن در مرورگر های مختلف متفاوت است در IE از کلید ترکیبی  Alt+accesskey در مرورگرهای Firefox و Google Chrome از کلید های ترکیبی Alt+Shift+accesskey و در opera از کلیدهای ترکیبی....اِ......اِ..... راستش اینو نبلدم فکر کنم Shift+accesskey باشه 😀

href : این صفت آدرسی که لینک به آن اشاره می کند را مشخص میکند. این آدرس می تواند آدرس صفحه ای در همان مسیر، صفحه ای مربوط به سایتی دیگر، مکانی در همان صفحه جاری و یا آدرس هر نوع فایل دیگری باشد.

hreflang : زبان به کار رفته در منبعی که لینک به آن اشاره می کند را مشخص میکند. این صفت یکی از کدهای زبانی مانند en , fa , fr و... را به عنوان مقدار می پذیرد.

name : نامی برای لینک مشخص میکند. این نام باید در صفحه یکتا باشد. نامی که انتخاب می شود نباید با اعداد 0-9، -، _، : یا . (نقطه) شروع شود. بلکه باید نام را با یکی از حروف A-Z یا a-z آغاز کنیم.

rel :  این صفت که مخفف عبارت relationship است رابطه صفحه مقصد با صفحه مبدا لینک را مشخص میکند.

rev : این صفت که مخفف عبارت reverse است عکس صفت بالا عمل میکند و نوع رابطه صفحه مبدا با مقصد لینک را مشخص میکند.

  • مقادیری که صفت های rel و rev میپذیرند بدین شرح است

tabindex : بوسیله این صفت می توان ترتیب پیمایش لینک ها در صفحه که با استفاده از کلید Tab صفحه کلید انجام می شود را مشخص میکند. مقداری که این صفت میگیرد میتواند عددی بین 0 تا 32767 باشد.

1 2 3
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 25 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏
    محمّد حسن مهرآذر(۱۹ مرداد ۱۳۹۲)

    سلام ببخشید عبارت
    7Learn
    با عبارت
    Click Me!
    چه فرقی داره هر دو شما رو به لینک تعریف شده می برند ❓

    • ‏‏
      کیوان علی محمدی(۱۹ مرداد ۱۳۹۲)

      محمد حسن جان،اینکه گذاشته Click Me این فرقی با اون 7learn نداره،این فقط میتونه یه نوع ترغیب کاربر به کلیک کردن روی اون لینک باشه و اینجا فقط برای مثال بوده.

  • ‏‏
    محمّد حسن مهرآذر(۱۹ مرداد ۱۳۹۲)

    ببخشید تو جمله قبل تو تا لینک رو نوشتند سوال من اینه که چرا مثلا hreflang رو تو این عبارت بنویسی چه فرقی با این که ننویسی داره؟

    • ‏‏
      کیوان علی محمدی(۱۹ مرداد ۱۳۹۲)

      این خاصیت ها توی بحث کیفیت محتوا و سئو میتونن تاثیر گذار باشن.

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram