<
  • Главная
Статьи

როგორ შევქმნათ ბმული HTML დოკუმენტში. Tag A - მისი სინტაქსი და ატრიბუტები

  1. URL ან "მისამართი" გვერდზე ინტერნეტში
  2. <A> tag და მისი ძირითადი სინტაქსი
  3. აბსოლუტური და ნათესავი მითითება
  4. შედარებით ბმული დირექტორია უფრო მაღალია, ვიდრე მიმდინარე
  5. <A> ტეგების ატრიბუტები. როგორ გახსნას დოკუმენტი ახალი ფანჯრის მითითებით
  6. სათაური ბმული. სათაური ატრიბუტი <A> tag
  7. ატრიბუტის ჰიპერბმულის ნოფლოუ. საიტის "ნდობის" გადაცემას აკრძალვა
  8. შიდა ბმული ან წამყვანი დოკუმენტის შიგნით
  9. ლინკი წამყვანი - სურათი
  10. გაგრძელება

ლიტერატურა (ან ჰიპერბმულებს) ინტერნეტში ჩნდება სისხლძარღვების მსგავსად. თუ კავშირები არ იყო, ინტერნეტი არ იქნებოდა.

როგორ შევქმნათ ბმული HTML დოკუმენტში და სწორად დარეგისტრირდეთ მისი ატრიბუტები, რა არის URL და როგორ საძიებო სისტემებს უკავშირებენ ბმულები - ამ მომდევნო გაკვეთილი დამწყებთათვის ვისწავლოთ HTML.

URL ან "მისამართი" გვერდზე ინტერნეტში

ვებ-გვერდზე ყველა HTML დოკუმენტი თავისი "ზუსტი მისამართია". მას "URL" ეწოდება, ინგლისურიდან. URL - უნიფიცირებული რესურსი ლოკატორი

URL- ის სტრუქტურა ხშირად გამოჩნდება ბრაუზერის მისამართების ზოლში. იგი მოიცავს:

  1. პროტოკოლის სახელია http: // ან https: //
  2. საიტის დომენი
  3. საქაღალდეში ან საქაღალდეში, სადაც ეს დოკუმენტი მდებარეობს,
  4. ფაილის სახელი (ყოველთვის არ შეიძლება იყოს).

ამ "ზუსტი მისამართის" წყალობით, ეს დოკუმენტი სხვა დოკუმენტის ტექსტის მითითებით გახდა შესაძლებელი.

<A> tag და მისი ძირითადი სინტაქსი

ვიმედოვნებ, რომ სიტყვა "სინტაქსი" აღარ იჩენენ 🙂

<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> ბმული ტექსტი </a>

როგორც ხედავთ, <A> ტეგის დაწყების შემდეგ უნდა არსებობდეს სავალდებულო href ატრიბუტი, რომელიც განსაზღვრავს იმ დოკუმენტის მისამართს, რომელსაც უნდა წახვიდე.

Inside <A> Container tag თავად არის ტექსტი (თუმცა შეიძლება იყოს სურათი), რომელიც არის ბმული. იგი ასევე მოუწოდა " Anchor " ან უბრალოდ - Anchor.

აბსოლუტური და ნათესავი მითითება

ზემოთ მოყვანილ მაგალითებში გამოყენებულია აბსოლუტური მითითებები. ისინი, რომლებიც შეიცავს დოკუმენტის სრული URL- ს .

ზოგიერთ შემთხვევაში, href ატრიბუტი არ შეიცავს სრულ URL- ს ოქმისა და საიტის დომენთან. თუ დოკუმენტი, რომელსაც ბმული მივყავართ, არის იმავე საიტზე - შეგიძლიათ გამოიყენოთ ნათესავი ლინკი იმ ადგილიდან, სადაც დოკუმენტი მდებარეობს.

სქემა, როდესაც შედარებითი მინიშნება გამოიყენება

მაგალითი: first.html დოკუმენტის ლინკი მიედინება second.html ფაილში, რომელიც მდებარეობს საინფორმაციო საქაღალდეში.

შედარებით ბმული დირექტორია უფრო მაღალია, ვიდრე მიმდინარე

კოდი:

<a href="../first.html"> ეს არის შედარების ბმული ფაილის დონის ერთში </a>

ეს ბმული მივყავართ ფაილის first.html in "მშობელი" დირექტორია, ანუ ერთ დონეზე .

კომბინაცია ../ მიუთითებს ფოლდერის ერთი დონის ამაღლება იმ ფაილის პოზიციიდან, საიდანაც ბმული კეთდება.

<A> ტეგების ატრიბუტები. როგორ გახსნას დოკუმენტი ახალი ფანჯრის მითითებით

იმისათვის, რომ ახალი ბრაუზერი ფანჯარაში გახსნას დოკუმენტი, თქვენ უნდა გამოვიყენოთ ატრიბუტის სამიზნე = "_ ცარიელი"

იმისათვის, რომ ახალი ბრაუზერი ფანჯარაში გახსნას დოკუმენტი, თქვენ უნდა გამოვიყენოთ ატრიბუტის სამიზნე = _ ცარიელი

ბმული სამიზნე = "_ ცარიელი"

ნუ შეურაცხყოფას. ამ ატრიბუტისთვის საიტის შიდა კავშირები არ არის საჭირო. მომხმარებელი გააღიზიანებს "მბრუნავი ფანჯრის" მიერ.

ზოგადად, ამ სამიზნე ატრიბუტი - მთელი ამბავი. ჯერ კიდევ რამდენიმე მნიშვნელობა აქვს, მაგრამ დღეს ყველა იშვიათად გამოიყენება.

ეს იმიტომ ხდება, რომ ისინი შექმნილია იმ საიტისთან ერთად, რომლებიც აღარ არიან პოპულარულები და HTML5- ის შემოსვლას წარსულს ჩაბარდა.

სათაური ბმული. სათაური ატრიბუტი <A> tag

კიდევ ერთი სასარგებლო ატრიბუტი არის სათაური = "ტექსტის ახსნა, სადაც ეს ბმული იწვევს"

სინტაქსი:

<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title=" pop-up hint"> მინიშნება ბმული </a>

როგორც ხედავთ, ბრაუზერი აჩვენებს, როგორც ინსტრუმენტი წვერი. და მაინც, ის ითვალისწინებს საძიებო სისტემებს.

ატრიბუტის მინიშნება ბმული სათაურით

ატრიბუტის ჰიპერბმულის ნოფლოუ. საიტის "ნდობის" გადაცემას აკრძალვა

არსებობს კიდევ ერთი ორაზროვანი ატრიბუტი კავშირების 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- ის ბოლოს URL- ის სახელით Name_accord

<a href="http://domen-saita.ru/dokument.html#top"> ბმული ტექსტი ამ დოკუმენტში წამყვანი "დაბრუნება"

ლინკი წამყვანი - სურათი

ნებისმიერი სურათი შეიძლება იყოს ბმული.

კოდი:

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

ჩვეულებრივ, კავშირები ხაზს უსვამს ბრაუზერს მყარი ლურჯი ხაზით, ხოლო ბმული სურათებს ლურჯი ჩარჩო.

ბმულების სურათები მიიღებს ლურჯი ჩარჩოებს

მოშორება მას, მარტივი წესი ემატება CSS ფაილი საიტზე:

{border: 0px;}

ეს არის ინსტრუქცია საზღვრის სისქის ნულოვანი ყველა სურათის ბმულზე.

გაგრძელება

მომდევნო პოსტში, მე ვისაუბრებ ელ-ბმულებზე, მათ ატრიბუტებს და ბოროტების სპამისგან "დაცვის" მეთოდებს



Новости
  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью