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

როგორ შევქმნათ ბმული 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;}

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

გაგრძელება

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



Новости
    Без плагина
    На сайте WordPress имеется файл, именуемый как .htaccess. Многие пользователи не предают ему особого внимания и не используют все его возможности. На самом деле файл .htaccess – это дополнительные конфигурации

    Плагин подписки wordpress
    Очень трудно найти один плагин подписки wordpress , который объединил бы в себе все виды подписок, которые так необходимы сайту. Именно поэтому я решил сделать подборку лучших плагинов, которые смогут

    Слайд-шоу с помощью плагина для WordPress UnPointZero Slider
    Плагин для cms WordPress UnPointZero Slider – новостной слайдер. Он отражает в форме слайд-шоу изображения со ссылками на ваши статьи и краткие выдержки оттуда. Его можно установить и на новостной сайт,

    Плагины для Wordpress
    С помощью этого плагина вы легко сможете интегрировать Google диск на ваш WordPress сайт или блог . Gravity Forms — лучший плагин для создания форм на WordPress, от самых простых (например, форма

    Подписки плагином JetPack: размещение и редакция формы подписки
    Вступление Здравствуйте! В этой статье я покажу, как использовать плагин JetPack для создания пользовательской формы подписки и как эту формы подписки плагином JetPack добавлять в статьи сайта, а при

    Чистка сайта WordPress плагином WP-optimize
    От автора Со временем использования система WordPress накапливает не нужные файлы, комментарии и неиспользуемые данные в базе данных. Эти файлы и данные создаются в процессе работы и нужны для этого,

    Возможности Jetpack плагина
    Вступление Возможности Jetpack плагина это более 30 функциональных модуля плагина, делающего его универсальным плагином WordPress, заменяющего аналогичные сторонние плагины. Jetpack один заменяет десятки

    Резервное копирование WordPress сайта без плагинов
    Вступление Резервное копирование WordPress это второе, что нужно научиться делать после установки WordPress. Можно сколько угодно говорить о безопасности сайта и его защите, но лучшего варианта защиты

    Плагины на приват для Майнкрафт ПЕ
    > > Плагины на приват для Майнкрафт ПЕ Порой всем нам хочется попробовать себя в роли администратора сервера и испытать эту ответственность, но, к сожалению, вы не всегда все знаете о создании

    Плагин WordPress Database Backup. Архивация базы данных блога на WordPress
    Привет друзья! Сегодня на очереди еще один простой, НО, необходимый и полезный плагин — плагин WordPress Database Backup , который с легкостью и самостоятельно произведет процесс, который научно называется:

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

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

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

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

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

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

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

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

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

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