Как правилно да зададете и използвате 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 =" # center "" Text "/ a". По този начин получаваме бърз достъп до всяка част от документа. Стойността на идентификационния атрибут може да бъде произволен текст.

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

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

заключение

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