Как правилно да зададете и използвате HTML котва?

Днешната тема за обсъждане ще бъде HTML котвата. Този елемент позволява бързи преходи както в страницата, така и във външни документи. Котвите често се използват от уеб програмисти. Тъй като те помагат да се организира уеб сайт, който е удобен за читателите. Статията ще даде подробно описание на този елемент и примери за ефективно използване.

описание

HTML котвата е един вид уникален маркер за уеб страница. Тя винаги има свое собствено индивидуално име, което не трябва да се повтаря на една страница. Основната цел на котвата е да скача бързо от една част на документа в друга, на определено място. Особено ефективен този елемент носи, когато уеб страницата е голяма. Поради това потребителите не се чувстват удобно да четат съдържанието на сайта. А котвата на HTML страницата позволява бърз преход.

назначение

За да създадете такъв маркер на страница, можете да използвате два различни метода. Първата е да използвате атрибута Име, а във втория случай трябва да използвате идентификационния атрибут. След това ще разгледаме всеки отделен метод. Преходът и в двата случая се осъществява с маркера "а", чийто атрибут съдържа име или идентификатор. Например: "a href =" # footer "". Символът # казва на браузъра, че връзката ще се закрепи.

име

Атрибутът Име е създаден специално, за да създаде котва на страницата. Стойността му може да бъде всеки текст. Тази HTML котва може да се използва само във връзка с маркера "a".

Например искате да създадете маркер в самия край на страницата си. Трябва да поставите маркера "a name =" footer "" / a "в желаната част на уеб документа. В друга част на страницата трябва да създадете връзка към котвата, затова добавете вписването "a href =" # footer "" link / a ". Когато кликнете върху този елемент, браузърът автоматично ще ви отведе до частта от документа, където е разположен разделът Footer.

ID

На първо място, струва си да се каже, че ID е идентификатор, който няма пряка цел да създава котви. Но той ви позволява да създавате отметки в цялата област на документа, без да създавате допълнителни връзки. Това означава, че можете да приложите идентификационния атрибут на всеки HTML елемент. И тогава, използвайки маркера "a", вижте него. Ето един пример: елементът "p" е в средата на документа. За да отидете до нея от началото на страницата без да използвате превъртащи ленти, добавете идентификационния атрибут: "p id =" цент "" "/ p". След това създайте връзка: "a href =" # център "" Текстът е "/ a". По този начин получаваме бърз достъп до всяка част от документа. Стойността на идентификационния атрибут може да бъде всеки текст.

Ефективно използване

В HTML котва референция Често се използва за създаване на навигация на документи. Например една страница има огромно количество текстова информация, която на свой ред е разделена на отделни параграфи или глави. За да е удобно посетителите да използват сайта, трябва да зададете отметки, за да преминете бързо до отделна част от документа. За тази цел във всяка глава създаваме котвена връзка или използваме идентификационни номера. И от върха ще направим навигационна лента със съдържанието на всички връзки. Интересен факт е, че можете да се обърнете към котвите от други уеб страници. Достатъчно е да добавите стойността на атрибутите Name или ID до края на връзката. Не забравяйте да добавите символа #. Схемата в този случай трябва да изглежда по следния начин: основна връзка # име (id).

заключение

HTML котвата е много полезна и в някои случаи дори основен елемент. В статията представях само един пример за ефективното му използване. Но всъщност, този вид маркери може да се използва в много ситуации. Основното нещо е да разберем основната им идея.