Com assignar i utilitzar HTML àncora?

El tema d'avui serà HTML ancorat. Aquest element permet realitzar transicions ràpides dins de la pàgina, així com en els documents externs. Les àncores es fan servir sovint pels desenvolupadors web. Ja que ajuden a organitzar un lloc convenient per als lectors. L'article es donarà una descripció detallada d'aquest element, i exemples d'ús efectiu.

descripció

Ancoratge HTML - és una espècie de pestanya de la pàgina web única. Sempre té un nom individual que no ha de repetir-se en la mateixa pàgina. L'objectiu principal d'una àncora - una ràpida transició d'una part d'un document a un altre, a una ubicació específica. Particularment eficaç aquest element aporta, quan la pàgina web és més gran. A causa d'això, els usuaris inconvenient per llegir el contingut del lloc. I l'àncora en una pàgina HTML permet una transició ràpida.

assignació

Per crear una adreça d'interès a dos mètodes diferents poden ser utilitzats aquí. La primera és utilitzar el nom de l'atribut, i en el segon cas, s'ha d'utilitzar l'atribut ID. A continuació, ens fixem en cada mètode per separat. La transició es produeix en els dos casos per mitjà de «a» etiqueta l'atribut conté el nom o identificador. Per exemple: «a href = http: // lloc / article / 106.223 /% E2% 80% 9D # peu de pàgina% E2% 80% 9D% C2% BB. El símbol # indica al navegador que l'enllaç s'actualitza ancorat.

nom

atribut de nom està dissenyat específicament per crear una àncora en una pàgina. El seu valor pot ser qualsevol text. Aquest ancoratge HTML només es pot utilitzar en conjunció amb l'etiqueta «a».

Per exemple, vostè vol crear un marcador al final de la pàgina. Cal col·locar l'etiqueta «un nom = 'peu de pàgina'» «/ a» a la part desitjada d'un document web. En una altra àrea de la pàgina que es necessita per crear un vincle a una àncora, per a aquest fi, afegir una entrada «a href = http: // lloc / article / 106.223 /% E2% 80% 9D # peu de pàgina" »vincle« / a ». En fer clic a aquest navegador element que porta automàticament a aquesta part del document on hi ha fitxa Peu de pàgina.

identificació

En primer lloc, direm que la identificació - un identificador que no té cap propòsit directa per a la creació d'ancoratges. Però li permet crear marcadors en totes les àrees del document sense crear enllaços addicionals. És a dir, es pot utilitzar l'atribut d'identificació a qualsevol element HTML. Després, utilitzant "a" es refereix a una etiqueta en ell. Heus aquí un exemple: l'element «P» es troba al centre del document. Per anar a la mateixa des del començament de la pàgina sense necessitat d'utilitzar les barres de desplaçament, afegir l'atribut ID: «p id = 'centrar'» «/ p». A continuació, crear un enllaç: «a href = http: // lloc / article / 106.223 /% E2% 80% 9D # centrar% E2% 80% 9D% C2% BB% D0% A2% D0% B5% D0% BA% D1 % el 81% D1% 82% C2% AB% 2FA% C2% BB. Per tant, tenim fàcil accés a qualsevol part del document. El valor d'un atribut ID pot ser qualsevol text.

ús eficient

L' àncora HTML és molt sovint utilitzat per a la construcció de l'instrument de navegació. Per exemple, la pàgina té una enorme quantitat d'informació textual, que al seu torn es divideix en paràgrafs o capítols separats. Per als visitants que era convenient fer servir el lloc, per saltar ràpidament a una part particular del document que voleu assignar un marcador. Amb aquesta finalitat, cada capítol crear un ancoratge d'enllaç, o utilitzar l'ID. Una barra de navegació superior va a fer amb el contingut de tots els enllaços. Un fet interessant és que l'àncora es pot fer referència a altres pàgines web. Només cal afegir al final del valor de referència del nom o identificació atributs. No us oblideu d'afegir el símbol #. L'esquema seria el següent aspecte: el nom de l'enllaç # principal (id).

conclusió

Ancoratge HTML - és molt útil i en alguns casos fins i tot element necessari. En aquest article he presentat només un exemple del seu ús efectiu. Però, de fet, aquest tipus de marcadors es pot utilitzar en moltes situacions. El més important - per entendre la seva idea bàsica.