Вэб хуудсан дээр холбоос эсвэл зангуу
Вэб дизайн дахь вэбсайтууд болон бусад хэлбэрийн мэдээллийн хэрэгслийн гол ялгагдагчдын нэг бол вэбсайт дизайны нэр томьёоны хувьд "холбоос", эсвэл холбоос гэсэн санаа юм.
Вэбийг өнөөгийн вэбсайттай болгоход туслахаас гадна холбоосууд болон зургууд нь вэб хуудсан дээр хамгийн түгээмэл зүйл юм. Үүнээс гадна эдгээр зүйлсийг нэмэх нь амархан (зөвхөн хоёр үндсэн HTML хаягууд ) бөгөөд тэдгээр нь энгийн текст хуудсууд болох ямар ч сонирхол татах, харилцан үйлчлэлийг авчирч чадна. Энэ нийтлэлд та (anchor) tag -ийн тухай мэдэх болно, энэ нь вэб хуудас хуудсанд холбоосыг нэмэх нь бодит HTML элемент юм.
Холбоос нэмж байна
Холбоосыг HTML хэлбэрээр зангуу гэж нэрлэдэг бөгөөд түүгээр илэрхийлэх хаяг нь А текст юм. Ихэнхдээ хүмүүс эдгээр нэмэлтүүдийг "холбоос" гэж үздэг боловч зангуу нь ямар ч хуудсанд нэмж байгаа зүйл юм.
Та холбоосыг нэмэх үед та өөрийн хэрэглэгчдийг хүссэн вэб хуудасны хаяг руу зааж өгөх хэрэгтэй. Та үүнийг атрибуттай хамт тодорхойлно.
Href attribute нь "hypertext лавлагаа" гэсэн утгатай бөгөөд түүний зорилго нь тухайн холбоосыг хүссэн URL-ыг зааж өгөх явдал юм. Энэ мэдээлэлгүйгээр холбоос нь хэрэггүй - энэ нь хөтөчийг хаа нэг газар авчрах ёстой гэдгийг хэлэх болно, гэхдээ энэ нь "хаа нэг газар" байх ёстой байршлын тухай мэдээлэл байхгүй байх болно. Энэ шошго болон энэ шинж чанар нь гараас гараа авдаг.
Жишээ нь: текстийн холбоос үүсгэхийн тулд та бичнэ үү:
Вэб хуудасны < a href=" " URL холбоос байх болно"
Тиймээс About.com Вэб дизайн / HTML хуудастай холбохын тулд та доорхыг бичнэ үү:
Та өөрийн HTML хуудас доторх бараг бүх зүйлийг, түүний дотор зурагтай холбож болно. Зүгээр л болон тэмдэглэгээнүүдийн холбоос байхыг хүсч байгаа HTML элементүүд эсвэл элементүүдийг хүрээл . Та мөн href атрибутыг орхиж placeholder холбоос үүсгэж болно - гэхдээ дараа нь href мэдээллийг буцааж, эсвэл холбоос нь яг үнэндээ хандах үед юу ч хийж чадахгүй болно.
HTML5 нь догол мөр болон DIV элементүүд шиг блок түвшний элементүүдийг холбоход хүчинтэй. Та хуваарилах эсвэл тодорхойлолт жагсаалт гэх мэт илүү том талбайг тойрсон зангуу хаягийг нэмж болно, тэрхүү бүхэл бүтэн хэсэг нь "товших боломжтой" болно. Энэ нь вэбсайт дахь том, хуруу ээлтэй цохих газрыг үүсгэхийг оролдоход энэ нь илүү үр дүнтэй байж болох юм.
Холбоос нэмэх үед сануулах зарим нэг зүйл
- Эцсийн хаяг / шошго шаардлагатай байна. Хэрэв та үүнийг оруулахаа мартвал холбоосын дараа бүгдийг холбоос өөрчилнө.
- Ихэнхдээ, текстийн том блокнуудын оронд ганцхан дүрс, текстийн уртыг холбох нь хамгийн сайн арга юм. Холбоосууд нь өнгө нэмэх болон хэв маягийн зураасыг уншихад хэцүү байж болно. Мэдээж эдгээр холбоосыг өөрчлөх, өнгө засах эсвэл товчлуурыг арилгахын тулд CSS ашиглаж болно, гэхдээ энэ бодит байдлыг анхаарч үзэх нь зүйтэй.
- Тэдний холбоосыг шалгаж үзээрэй. Link Rot нь хоёулаа хэрэглэгчид болон хайлтын системийг таны сайтын буруу гэж үздэг. Холбоос шалгах хуудсыг байнга ашиглан таны хуудсан дээрх холбоосыг баталгаажуулна уу. Энэ нь ялангуяа гуравдагч этгээдийн вэбсайтууд (таны удирдаж чадахгүй байгаа хүмүүс) -тэй холбогдож, тэдгээр нь хуудсуудаа удаа дараа өөрчилж болох бөгөөд холбоосуудтай үлдэх болно. Холбоос шалгагч нь эдгээр холбоосуудыг олох болно. Ингэснээр та шаардлагатай шинэчлэлт хийж болно.
- Таны холбоос дээр "энд дарна уу" гэх мэт текстээс зайлсхий. Мэдрэх дэлгэцтэй хүмүүс "товших" боломжгүй тул текст нь өнгөрсөн үеийн бүтээгдэхүүн шиг мэдрэмжтэй бөгөөд өнөөгийн олон төрлийн төхөөрөмжтэй вэбсайттай холбоогүй юм.
Холбоо барих бусад сонирхолтой төрлүүд
A элемент нь өөр баримт бичигт стандарт холбоос үүсгэдэг боловч таны сонирхож болох бусад төрлийн холбоосууд байдаг:
- Дотоод холбоос буюу зангуу - Эдгээр нь вэб хуудасны дотор хаа нэгтээ холбосон холбоосууд биш, дээд талын биш юм.
- Зургийн зураг - Зургийн зураг нь зурагны тодорхой талбарт байршсан зургуудын холбоосыг үүсгэх боломжийг олгодог. Эдгээрийг тоглоом, бүтээлч залуурд ашиглаж болно. Газрын зураг дээрх хэсгүүд нь товшсон газрын зураг бүхий газрын зургийг тэдгээрийг байнга хардаг. Орчин үеийн ихэнх вэбсайтад зурагны газрын зургийг ашигладаггүй, зарим нь хөдөлгөөнт төхөөрөмжинд асуудал үүсгэж болзошгүйг анхаарна уу.
- Элемент - Энэ элемент нь бусад баримт бичиг, хуудсуудыг одоогийнхтой холбоход хэрэглэгддэг. Энэ нь таны вэб хуудсан дээр товшсон хэсгийг үүсгэхгүй, гэхдээ үүнийг ойлгоход ашигтай байдаг.