Paano upang magtalaga at gamitin ang anchor HTML?

topic ngayong araw ay magiging iniduong HTML. Ang elementong ito ay nagbibigay-daan para sa mabilis na pag-transition sa loob ng pahina, pati na rin sa mga panlabas na mga dokumento. Anchor ay madalas na ginagamit ng mga web developer. Bilang tulong nila upang ayusin ang isang maginhawang site para sa mga mambabasa. Ang artikulong ito ay bibigyan ng isang detalyadong paglalarawan ng mga ito sangkap, at halimbawa ng mga epektibong gamitin.

paglalarawan

Anchor HTML - ito ay uri ng isang natatanging tab web page. Siya laging may isang indibidwal na pangalan na hindi dapat ulitin sa parehong pahina. Ang pangunahing layunin ng isang anchor - isang mabilis na paglipat mula sa isang bahagi ng isang dokumento sa isa pa, sa isang tiyak na lokasyon. Partikular na epektibo ang elementong ito ay nagdudulot, kapag ang mga web page ay mas malaki. Dahil dito, ang mga gumagamit ay hindi maginhawa upang basahin ang mga nilalaman ng site. At anchor sa isang HTML na pahina ay nagbibigay-daan para sa mabilis na paglipat.

trabaho

Upang lumikha ng isang bookmark sa dalawang magkaibang mga pamamaraan ay maaaring gamitin dito. Ang una ay upang gamitin ang Pangalan na katangian, at sa pangalawang kaso, dapat mong gamitin ang ID attribute. Susunod, tinitingnan namin ang bawat paraan ng hiwa-hiwalay. Ang transition ay nangyayari sa parehong mga kaso sa pamamagitan ng «isang» tag na attribute ay naglalaman ng mga pangalan o identifier. Halimbawa: «a href = http: // site / article / 106,223 /% E2% 80% 9D # footer% E2% 80% 9D% C2% BB. Ang simbolo # nagsasabi ng browser na ang link ay magdadala iniduong.

pangalan

Pangalan ng katangian ay partikular na idinisenyo upang lumikha ng isang anchor sa isang pahina. ang halaga nito ay maaaring maging anumang teksto. Ito HTML anchor ay maaaring gamitin lamang sa pagsama ng tag «isang».

Halimbawa gusto mong lumikha ng isang bookmark sa dulo ng iyong pahina. Kailangan mong ilagay ang mga tag «a name =" footer "» «/ a» sa ninanais na bahagi ng isang web dokumento. Sa isa pang lugar ng pahina na kakailanganin mo upang lumikha ng isang link sa isang anchor, para sa layuning ito, magdagdag ng isang entry «a href = http: // site / article / 106,223 /% E2% 80% 9D # footer" »link« / a ». Kapag nag-click sa ang item na browser awtomatikong dadalhin ka sa bahaging iyon ng dokumento kung saan may Footer tab.

ID

Una, sabihin nating na ID - isang identifier na walang direktang layunin para sa paglikha ng mga anchor. Ngunit nagbibigay-daan sa iyo upang lumikha ng mga bookmark sa lahat ng lugar ng mga dokumento nang walang paglikha ng karagdagang mga link. Iyon ay, maaari mong gamitin ang ID attribute sa anumang elemento ng HTML. Pagkatapos gamit «isang» sumangguni sa isang tag dito. Narito ang isang halimbawa: ang elemento «p» ay matatagpuan sa gitna ng ang dokumento. Upang pumunta sa ito mula sa simula ng pahina nang hindi gumagamit ng scroll bar, idagdag ang attribute ID: «p id =" centr "» «/ p». Pagkatapos ay lumikha ng isang link na ito: «a href = http: // site / article / 106,223 /% E2% 80% 9D # centr% E2% 80% 9D% C2% BB% D0% A2% D0% B5% D0% BA% D1 % 81% D1% 82% C2% AB% 2FA% C2% BB. Kaya, kami ay may madaling access sa anumang bahagi ng dokumento. Ang halaga ng isang ID attribute ay maaaring maging anumang teksto.

mahusay na paggamit

Ang HTML na link anchor ay napaka-madalas na ginagamit para sa konstruksiyon ng instrumento nabigasyon. Halimbawa, ang pahina ay may isang malaking halaga ng tekstuwal impormasyon, na siya namang ay nahahati sa hiwalay na mga talata o kabanata. Sa mga bisita ito ay maginhawa upang gamitin ang mga site, maaari kang lumipat sa isang hiwalay na bahagi ng dokumento na nais mong maglaan ng isang bookmark. Sa pagtatapos na ito, ang bawat kabanata lumikha ng isang link anchor, o gamitin ang ID. Ang isang tuktok na navigation bar ay gawin sa mga nilalaman ng lahat ng mga link. Ang isang kawili-wiling katotohanan ay na ang anchor ay maaaring isinangguni mula sa iba pang mga web page. Ito ay sapat na upang idagdag sa dulo ng reference na halaga ng Pangalan o ID katangian. Huwag kalimutan upang idagdag ang simbolo #. Ang scheme ay pagkatapos maging ganito ang hitsura: ang pangunahing pangalan link sa # (id).

konklusyon

Anchor HTML - ito ay napaka-kapaki-pakinabang at sa ilang mga kaso kahit na kinakailangan elemento. Sa artikulong ito ako ay may iniharap lamang ng isang halimbawa ng epektibong paggamit nito. Ngunit sa katunayan ng ganitong uri ng mga bookmark ay maaaring gamitin sa maraming mga sitwasyon. Ang pangunahing bagay - upang maunawaan ang kanilang mga pangunahing ideya.