پیوندها یا لنگرها در صفحات وب
یکی از تفاوت های اصلی بین وب سایت ها و دیگر اشکال رسانه های ارتباطی، ایده "لینک ها" و یا لینک هایی است که از نظر فنی در شرایط طراحی وب شناخته شده اند.
علاوه بر کمک به ایجاد وب امروزه، پیوندها، و همچنین تصاویر، به راحتی بیشترین موارد را در صفحات وب اضافه می کنند. به طرز حیرت انگیز، این موارد آسان برای افزودن (فقط دو تگ HTML اصلی ) هستند و می توانند موجب هیجان و تعامل با آنچه که در غیر این صورت صفحات متن ساده هستند را داشته باشند. در این مقاله شما در مورد برچسب (لنگر) یاد خواهید گرفت، که عنصر HTML واقعی برای اضافه کردن لینک به صفحات وب سایت استفاده می شود.
اضافه کردن لینک ها
لینک یک لنگر در HTML نامیده می شود، و بنابراین برچسب نشان دهنده آن تگ A است. به طور معمول، مردم به سادگی به این پیوندها به عنوان "لینک" اشاره می کنند، اما لنگر چیزی است که در واقع به هر صفحه اضافه می شود.
هنگامی که یک پیوند را اضافه میکنید، باید به آدرس صفحه وب که میخواهید کاربرانتان به آن برسند، هنگامی که روی آنها کلیک میکنید (روی صفحه لمسی) کلیک کنید یا روی آن ضربه بزنید. شما این را با ویژگی مشخص می کنید.
خصیصه href مخفف "مرجع فوق العاده متن" است و هدف آن dictate URL که در آن شما می خواهید که پیوند خاص به آن بروید. بدون این اطلاعات، یک لینک بی فایده است - به مرورگر می گوید که کاربر باید جایی آورده شود، اما اطلاعات مقصد برای جایی که "جایی" باید باشد، در دسترس نیست. این تگ و ویژگی این دست در دست است.
برای مثال، برای ایجاد یک لینک متنی، شما می نویسید:
URL صفحه وب برای رفتن به "> متن که لینک خواهد شد
بنابراین برای پیوند به صفحه اصلی Webdesign.com / HTML، شما می نویسید:
شما می توانید تقریبا هر چیزی را در صفحه HTML خود، از جمله تصاویر پیوند دهید . به راحتی عناصر یا عناصر HTML را که میخواهید پیوند با برچسبهای و را در آن قرار دهید، محاصره کنید. شما همچنین می توانید لینک های حفره یا سوراخ را با خروج از ویژگی href ایجاد کنید ، اما فقط مطمئن شوید که به عقب برگردید و اطلاعات href را به روز رسانی کنید یا بعدا پیوند در هنگام دسترسی وجود ندارد.
HTML5 معتبر می شود تا عناصر سطح بلوک مانند پاراگراف ها و عناصر DIV را مرتبط کند. شما می توانید تگ لنگر را در اطراف یک منطقه بسیار بزرگتر مانند یک لیست تقسیم یا تعریف اضافه کنید و کل منطقه را "قابل کلیک" کنید. این می تواند در هنگام تلاش برای ایجاد مناطق بزرگتر و انگشتان دست در وب سایت مفید باشد.
برخی از چیزهایی که باید هنگام افزودن لینک ها به یاد داشته باشید
- برچسب نهایی مورد نیاز است اگر فراموش کنید که آن را اضافه کنید، همه چیز زیر پیوند آن نیز مرتبط خواهد شد، تا زمانی که پیوند دیگری تگ را بسته کند.
- اغلب زمان ها، بهتر است که تصاویر یکپارچه و کوتاه مدت متن را بجای بلوک های بزرگ متن پیوند دهیم. لینک ها می توانند رنگ ها و سبک های زیر را به صفحه خود اضافه کنند که می توانند برای خواندن سخت باشند. البته، شما می توانید از CSS برای تغییر این سبک لینک ها و ویرایش رنگ ها یا حذف زیرین استفاده کنید، اما هنوز هم خوب است که از این واقعیت در نظر داشته باشید.
- اطمینان حاصل کنید که پیوندهای خود را بررسی کنید تا بد نباشند. لینک Rot می تواند هر دو کاربران و موتورهای جستجو را در نظر شما سایت نامعتبر است. برای تأیید لینک ها در صفحات خود، به طور منظم از یک چک کننده لینک استفاده کنید. این به خصوص هنگامی که شما به سایت های شخص ثالث پیوسته (آنهایی که مدیریت نمی کنید) درست است و ممکن است صفحات آنها را بیش از زمان تغییر دهید، و شما را با لینک های مرده ترک می کند. یک چک کننده لینک این لینک های مرده را پیدا خواهد کرد، بنابراین شما می توانید به روز رسانی های لازم را انجام دهید.
- اجتناب از متن مانند "کلیک کنید اینجا" در لینک خود. به خاطر داشته باشید افرادی که دارای صفحه لمسی نیستند نمی توانند "روی" کلیک کنند، به طوری که متن به نظر می رسد یک محصول از دوران گذشته است و واقعا در وب سایت متمرکز شده در چندین دستگاه ارتباطی ندارد.
دیگر انواع جالب پیوندها
عنصر A یک لینک استاندارد را به یک سند دیگر ایجاد می کند، اما انواع دیگری از لینک هایی وجود دارد که ممکن است شما علاقه مند باشید:
- پیوندهای داخلی یا لنگرها - اینها پیوند به جایی درون یک صفحه وب است، لزوما بالای صفحه نیست.
- نقشه های تصویر - نقشه های تصویر اجازه می دهد تا برای ایجاد لینک ها در تصاویر که به مناطق خاصی از تصویر نقشه برداری شده است. این را می توان برای بازی ها و یا ناوبری خلاق استفاده می شود. شما اغلب آنها را با نقشه هایی که مناطق روی نقشه قابل کلیک هستند می بینید. توجه داشته باشید که نقشه های تصویری در اکثر وب سایت های مدرن به کار رفته اند، زیرا این امر می تواند باعث مشکلات در دستگاه های تلفن همراه شود.
- عنصر عنصر این عنصر برای ارتباط اسناد و صفحات دیگر با یک عنصر فعلی مورد استفاده قرار می گیرد. این یک منطقه قابل کلیک در صفحه وب شما ایجاد نخواهد کرد، اما برای درک مفید است.