HTML баримт дээр холбоос үүсгэх. Tag A - түүний синтакс ба шинж чанарууд

1. Интернетийн хуудасны URL эсвэл "хаяг"
2. <A> тэмдэглэгээ ба үндсэн синтакс
3. Үнэмлэхүй ба харьцангуй лавлагаа
4. Санхүүгийн холбоосоос илүү өндөр холбоосууд
5. <A> хаягийн шинж чанарууд. Баримт бичгийг шинэ цонхонд хэрхэн нээх вэ
6. Гарчиг холбоос. <A> тэмдэгтийн гарчгийн шинж чанар
7. Аттрибутын гипер холбоос nofollow. Тодорхойлолтоор сайтын "итгэмжлэл" -ийг шилжүүлэхийг хориглох
8. Баримт дотор дотоод холболт буюу зангуу
9. Link Anchor - Зураг
10. Үргэлжлэл

Лавлах (эсвэл холбоосууд) нь Интернетэд судас шиг нэвтэрдэг. Хэрэв ямар нэгэн холбоос байхгүй бол интернет байхгүй болно.

HTML баримт доторх холбоосыг хэрхэн үүсгэх, түүний шинж чанарыг зөв бүртгэх, URL нь юу вэ, хайлтын систем нь холбоосуудтай хэрхэн холбогддог талаар - энэ нь дараагийн хичээлд HTML сурахад зориулагдсан.

Интернетийн хуудасны URL эсвэл "хаяг"

Вэб дээрх HTML баримт бүр өөрийн "яг хаягаа" агуулсан байна. Энэ нь "URL" буюу англи хэлнээс гаралтай. URL - Нөөц нөөцийн байршил

URL бүтэц нь хөтчийн хаягийн мөрөнд ихэвчлэн харагдаж байдаг. Үүнд:

1. Протоколын нэр http: // эсвэл https: //
2. Сайтын домэйн
3. энэ баримтад байрлах фолдерт хавтас эсвэл зам,
4. Файлын нэр (үргэлж байх ёсгүй).

Энэ "яг хаягаа" талархснаар энэ баримт бичигт өөр баримт бичгийн текстээс хандах боломжтой болов.

<A> тэмдэглэгээ ба үндсэн синтакс

"Синтакс" гэсэн үг нь таныг айдаггүй гэж найдаж байна

<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> текстийг холбох </a>

Та харж байгаагаар, <A> тагийн эхлэхийн өмнө заавал хүссэн href шинж чанарыг агуулсан байх ёстой.

<A> контейнер хаяг доторх нь өөрөө текст (хэдийгээр зураг байж болох боловч) холбоосын текст юм. Түүнчлэн " Анчор " эсвэл зүгээр л " Anchor " гэж нэрлэдэг.

Үнэмлэхүй ба харьцангуй лавлагаа

Дээрх жишээн дээр үнэмлэхүй лавлагаа хэрэглэсэн болно. Баримтын бүрэн URL агуулж байгаа хүмүүс.

Зарим тохиолдолд href атрибут нь протоколын нэр болон сайтын домэйн нэртэй бүрэн URL агуулаагүй байна. Хэрвээ холбоосыг баримтжуулах баримт бичиг нь ижил сайт дээр байвал та баримт бичгийг байрлаж буй газартай харьцах холбоосыг ашиглаж болно.

Харьцангуй лавлагаа хэрэглэх үед схем

Жишээ нь: first.html баримтаас авсан холбоос нь news хавтас дахь байрлах second.html файлд хүргэдэг.

Санхүүгийн холбоосоос илүү өндөр холбоосууд

Код:

<a href="../first.html"> энэ нь нэг түвшингийн лавлах дахь файлд хамааралтай холбоос юм

Энэ холбоос нь "parent" дахь эхний.html файл руу дамждаг. нэг түвшинд .

Хамтарсан ../ нь холбоос хийгдсэн файлын өгөгдсөн байрнаас дээш нэг түвшингийн фолдерыг заана.

<A> хаягийн шинж чанарууд. Баримт бичгийг шинэ цонхонд хэрхэн нээх вэ

Документыг шинэ браузер дээр нээхийн тулд та атрибут target = "_ blank"

Аттрибут холбоос target = "_ blank"

Үүнийг буруугаар ашигла. Энэ шинж чанар бүхий сайт руу дотоод холбоос хийх шаардлагагүй. Хэрэглэгчид "цочирдсон цонх" -оор залхаж болно.

Ерөнхийдөө, энэ зорилтот шинж чанар бүхий бүхэл бүтэн түүх. Энэ нь хэд хэдэн утгатай хэвээр байгаа боловч өнөө үед бүгд хэрэглэж байгаа нь ховор.

Энэ нь сайтууд нь сайтар алдаршсангүй жаазтай сайт дээр ажиллахаар бүтээгдсэн бөгөөд HTML5-ыг эхэлснээр өнгөрсөн зүйл болсон байна.

Гарчиг холбоос. <A> тэмдэгтийн гарчгийн шинж чанар

Өөр нэг ашигтай шинж чанар нь title = "Энэ холбоос нь хаана байрлаж байгааг тайлбарлаж байгаа text"

Синтакс:

<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="poppuppie"> энэ нь тусламжийн холбоос юм </a>

Таны харж байгаагаар хөтөч үүнийг tip-аар харуулдаг. Гэсэн хэдий ч энэ нь хайлтын системийг харгалздаг.

Холбоосын гарчигт зориулсан онцлог шинж

Аттрибутын гипер холбоос nofollow. Тодорхойлолтоор сайтын "итгэмжлэл" -ийг шилжүүлэхийг хориглох

Rel = "nofollow" холбоосуудын хувьд хоёрдмол утгатай шинж чанар байдаг.

Хайлтын системд холбоосын баримт нь найдвартай биш гэж хэлдэг. Үүний зэрэгцээ эх сурвалжийн найдвартай байдал ("итгэлцэл") шалгуур үзүүлэлтийг сайтад илгээгддэггүй.

"Итгэлцэл" ба холбоосын зэрэглэл нь урагшилсаар байна. Гэхдээ богино бол хайлтын систем дэх сайтуудын "хувь тавилан" нь энэ сайтад хүргэх холбоосуудын тооноос хамаарна. Тэдгээрийн ихэнх нь эрх мэдэл бүхий сайтуудыг холбодог - сайтын илүү үнэмшилтэй лавлагаа.

Зарим тохиолдолд энэ шинж чанар бүхий "илрүүлэх" холбоосууд байдаг. Жишээ нь, та ямар нэгэн үйлчилгээний тухай сөрөг тойм бичиж байвал.

<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> муу сайт </a>

Баримт дотор дотоод холболт буюу зангуу

Том текст дээр баримт бичгийн логик хэсгүүдэд "зангуу" гэж нэрлэгддэг суулгацууд ихэвчлэн шаардлагатай байдаг. Дараа нь энэ газар байна, та лавлана уу.

Үүнийг хэрэглэх хамгийн хялбар арга бол эдгээр зангуунд хүргэдэг холбоосууд доторх контентуудын хүснэгтийг үүсгэх явдал юм. Ийм төрлийн хүснэгтүүд нь ихэвчлэн өгүүллийн эхэн хэсэгт байрладаг.

Ийм зангуу үүсгэх үед нэр атриут нь href атрибутын оронд ашиглагддаг.

Зангуу үүсгэх синтакс нь:

<a name="top"> </a>

Холбоос үүсгэх үед, URL төгсгөлд # тэмдгээр "зангуу" нэрийг нэмнэ:

<p> <a href="#top"> Топ </a> </ p>

Шилжилт яг энэ газар байх болно, өөрөөр хэлбэл Хөтөч нь энэ газрыг дээд харагдах хэсэгт нь байрлуулна.

Ихэнх тохиолдолд урт баримт бичигт хамгийн доод хэсэгт нь "Топ" холбоосыг тавьдаг.

... анхилуун үр тарианы ертөнцөөр аялж, Африк, Ази, Төв, Өмнөд Америкт алдартай хүмүүсийн чанарыг олж тогтоосон. Тиймээс өнөөдөр брэндийн кофены байшинд Цайны шош Та хүлээн зөвшөөрөгдсөн үйлдвэрлэгчдийн хамгийн сайн кофены сортыг олох болно.

? Дээд талд нь ?

Өөр нэг баримтаас та мөн энэ байршилд очиж болно. Хэрэв та URL нэрний төгсгөлд гарын үсэг # нэрээр дамжуулан нэмэх боломжтой

<a href="http://domen-saita.ru/dokument.html#top"> холбоос текст энэ баримт бичигт "дээд" зангуу чиглэнэ

Link Anchor - Зураг

Аливаа зураг холбоос байж болно.

Код:

<a href="http://sait.ru/dokument.html"> <img src = kartinka.jpg "width =" 100 "height =" 131 "/> </a>

Анхдагчаар холбоосууд нь хатуу цэнхэр мөр бүхий хөтөчийг онцолсон бөгөөд холбоос-зураг нь цэнхэр хүрээтэй болсон.

Холбоосууд нь цэнхэр хүрээтэй

Үүнийг арилгахын тулд сайтын CSS файлд энгийн дүрэм нэмж өгч байна:

a {border: 0px;}

Энэ бол бүх зургийн холбоосуудын хувьд хилийн зузааныг тэг болгох заавар юм.

Үргэлжлэл

Дараагийн бичлэгт би и-мэйл холбоосууд, тэдгээрийн зан чанар, хорт спамеруудаас "хамгаалалт" -ын талаар ярих болно