Conceptos básicos de HTML: trabajar con enlaces. Etiqueta A y sus atributos rel, target, nombre. ¿Es posible utilizar target="_blank". Pregunta de un lector Atributo objetivo de la etiqueta a

Descripción

Puede definir la ventana en la que se cargará la página web abierta desde el enlace. Para hacer esto, use el atributo de destino; su valor es el nombre de la ventana o marco. Si no se establece el objetivo, el resultado devuelto se muestra en la ventana actual.

Valores de sintaxis

El valor es el nombre de la ventana o marco. Si se establece un nombre inexistente, se abrirá una nueva ventana. Los siguientes se utilizan como nombres reservados.

En blanco Carga la página en una nueva ventana del navegador. _self Carga una página en la ventana actual. _parent Carga la página en el marco principal; si no hay marcos, este valor funciona como _self . _top Descarta todos los marcos y carga la página en una ventana completa del navegador; si no hay marcos, este valor funciona como _self .

Si target="_blank " está configurado para la etiqueta, puede hacer que el enlace se abra en la ventana actual agregándolo a la etiqueta atributo target="_self" .

Validación predeterminada

El uso de este atributo está obsoleto por la especificación HTML; el código válido sólo se obtiene cuando se utiliza el archivo transicional.

Ejemplo 1: abrir un enlace en una ventana nueva

Etiqueta base, atributo de destino

Ejemplo 2

Etiqueta base, atributo de destino

Navegadores: ¿Escritorio móvil?

explorador de Internet	Cromo	Ópera	Safari	Firefox
2	1	2	1	1

Androide	Firefox móvil	Ópera móvil	Safari móvil
1	1	6	1

✖

Navegadores

En la tabla del navegador se utilizan las siguientes notaciones.

• - el elemento es totalmente compatible con el navegador;
• - el navegador no percibe el elemento y lo ignora;
• - durante el funcionamiento pueden aparecer varios errores o el elemento se apoya con reservas.

El número indica la versión del navegador desde la que se admite el elemento.

Hola, queridos lectores del blog. Decidí dedicar la publicación de hoy al aspecto más importante del webmastering, donde intentaré explicar en detalle qué es un hipervínculo, que está indisolublemente ligado a lo que, a su vez, sin exagerar, es la base de Internet.

Pero para crear correctamente hipervínculos e insertarlos en el código de una página web (por ejemplo, su sitio web), es necesario estudiar el área correspondiente del lenguaje de marcado de hipertexto (), ya que estos elementos se forman utilizando HTML. una etiqueta, que tiene la capacidad de actualizar el enlace al tipo deseado.

Entonces, hoy veremos en qué partes consta un hipervínculo, cómo el uso del atributo de destino en blanco hace posible abrir una página en una nueva ventana (pestaña), cómo convertir cualquier imagen en un enlace y muchos otros detalles importantes. Entre otras cosas, esta información le ayudará a aprender el lenguaje HTML.

¿Qué es un hipervínculo y se le puede llamar enlace?

Respondiendo a la pregunta del título, diré que el término “enlace” tiene un espectro semántico más amplio (enlace a Siberia, banca para identificar al pagador, texto en un libro, etc.), incluido el significado inherente al concepto de "hipervínculo" , que se asocia únicamente con el hipertexto, lo que permite percibir información de forma no lineal.

Por lo tanto, un hipervínculo es un caso especial de enlace, por lo que es muy posible utilizarlos en el tema de hoy en pie de igualdad. Esto es lo que usaré a mi favor en la publicación de hoy, usando ambos términos para evitar spam de palabras clave innecesario.

Pero también los hay de servicios invisibles, creados utilizando y ubicado en su interior, cuya tarea es enviar numerosas señales y comandos a los navegadores para que realicen una función particular.

Por ejemplo, utilizando hipervínculos de servicio es posible mostrar un icono. Sólo se pueden ver como parte del código HTML (para ello, haga clic en cualquier página abierta en el navegador):

Por ahora, dejemos los enlaces de servicios en paz y consideremos el patrón general de creación de hipervínculos. Lo que tienen en común es que todos tienen un atributo href requerido, cuyo valor es la dirección del documento (). Un enlace HTML puede conducir a una página interna del sitio o a un documento externo.

Una nota más importante. El uso del atributo href hace que se pueda hacer clic en los hipervínculos, es decir, permite a los usuarios ir automáticamente a la página correspondiente del sitio web como resultado de hacer clic en ellos.

Cómo hacer un hipervínculo en HTML usando href

Entonces, ya sabemos que para crear un enlace se requiere la etiqueta a y el atributo href, cuyos parámetros pueden ser URL de varios tipos. Dado que a es, entonces entre la apertura y cerrando contiene el contenido que se mostrará en la página web.

Este contenido se llama ancla y se puede presentar en forma de texto o imagen (hablaremos más sobre cómo convertir una imagen en un enlace a continuación). Como ya señalé, se podrá hacer clic en el ancla. Veamos un ejemplo de un hipervínculo con contenido de texto. Así se verá su diseño en código HTML:

un poco sobre anclas

Además de HTTP, se puede utilizar el protocolo seguro HTTPS. El enlace no tiene por qué conducir a una página web. Todo depende del valor href, que puede ser la ruta a algún archivo:

//sitio/wp-content/uploads/2012/05/giperssylqi-v-html.jpg

descargar

En la página web este enlace tomará la siguiente forma:

El navegador "entiende" que un objeto con la extensión .zip sólo puede estar destinado a ser descargado, que es lo que se le pide al usuario que haga.

Por cierto, la ruta a cualquier archivo a veces se indica mediante FTP(). Luego, en la URL que se utiliza como parámetro del atributo href, simplemente debe reemplazar el protocolo HTTP (HTTPS) con FTP. El enlace del archivo se verá así:

descargar desde el servidor

Pero eso no es todo. De manera similar, se crea un enlace al correo electrónico utilizando el pseudoprotocolo mailto para acceder rápidamente a la función de redacción de cartas:

escribir cartas

Después de hacer clic en dicho enlace, debería aparecer una ventana del cliente de correo electrónico predeterminado, en la que puede redactar el texto del mensaje y enviarlo a la dirección ya especificada, tomada, como probablemente habrá adivinado, de href.

En la práctica, los webmasters y propietarios de grandes recursos solían utilizar hipervínculos al correo para garantizar la comodidad de los usuarios y clientes que podían acceder al formulario de correo con un solo clic.

Pero este tipo de comunicación en recursos web ya no es tan popular (especialmente porque se puede instalar, por ejemplo), porque las direcciones de correo electrónico abiertas de esta manera son interceptadas activamente por software y utilizadas por varios tipos de spammers.

Como ejemplo, di solo los protocolos más comunes que forman parte de una URL, que, a su vez, es un parámetro del atributo href al formar un hipervínculo. Además de HTTP (HTTPS), FTP y mailto, existen otros para solucionar problemas más especializados. Quizás los analicemos con más detalle en otras publicaciones.

Tipos de hipervínculos

Ahora intentemos clasificar los enlaces según ciertos criterios.

Según su alcance:

1. Externo: conduce a páginas ubicadas fuera del sitio en el que están publicados;

2. Interno: conecta páginas web ubicadas dentro del mismo recurso web.

Por formato:

2. Gráficamente: en este caso, el ancla del hipervínculo es una imagen (incluida una miniatura), un banner, un botón, etc.

Por tipo de URL que sirve como valor del atributo href:

1. Absolutos, que contienen una indicación explícita del protocolo de transferencia de datos (por ejemplo, HTTP) y el nombre de dominio del sitio (en todo lo relacionado con dominios).

Estos enlaces se utilizan con mayor frecuencia cuando se hace referencia a páginas de recursos externos. En este caso, el valor href incluirá la ruta completa al archivo o página web deseada. Aquí hay un ejemplo de un hipervínculo absoluto:

Contexto: ¿qué es?

2. Relativo, una de las opciones de creación que será la ruta especificada relativa a la carpeta raíz del sitio web (de ahí el nombre de este tipo de hipervínculos). En este caso, el protocolo (HTTP) y el dominio del sitio se eliminarán de la URL:

Contexto: ¿qué es?

Los hipervínculos relativos en una página web pueden proporcionar enlaces a páginas internas. De esta forma son más cortos, lo que facilita el código HTML. Por supuesto, no todo es tan sencillo y requiere una cobertura más amplia, que podrás comprobar si sigues el enlace indicado.

Atributos de la etiqueta a

Ahora veamos qué otros atributos existen, además del href requerido, y cómo pueden afectar la creación de un hipervínculo. Los datos más completos a este respecto, por así decirlo, "de primera mano", se pueden encontrar en el sitio web oficial del Consorcio Internacional W3C, donde la información actualizada aparece más rápidamente.

Son completamente idénticos e inician la apertura de una página web en la pestaña actual. Si desea que las páginas se abran en una nueva pestaña al seguir enlaces, debe agregar el atributo de destino con el parámetro en blanco al crear un enlace:

Contexto: ¿qué es?

Aunque algunos webmasters y especialistas en SEO creen que es mejor si el visitante tiene la oportunidad de elegir (es decir, no especificar el destino en blanco), porque si es necesario, la página se puede abrir en una nueva pestaña usando el menú contextual (mover coloque el cursor en el enlace, haga clic derecho y haga clic en el punto correspondiente):

Además, como puede ver, en este caso el usuario tiene la ventaja de que es posible abrir una página web no solo en una nueva pestaña, sino también en una nueva ventana (esta opción no se puede implementar a través de HTML, solo mediante scripts) .

Pero creo que no todos los usuarios novatos están completamente familiarizados con las capacidades y configuraciones de los navegadores populares (). Es muy probable que un lector, después de haber seguido un hipervínculo externo y haber perdido de vista la página de origen (en su lugar aparecerá el documento del destinatario), simplemente cierre la pestaña frustrado.

Por lo tanto, el propietario de un recurso web puede no sólo perder un visitante prometedor, sino también sufrir un deterioro de los factores de comportamiento (), lo que supondrá una pérdida de la posición de la página en el ranking.

Además, abrir una página en una pestaña adyacente es muy conveniente desde el punto de vista de la usabilidad (). El usuario sigue un hipervínculo a una página web, recibe información adicional y, como si nada, continúa estudiando el material principal.

Para crear una imagen objetiva, hay que añadir que aplicar “target="_blank"” a cualquier enlace externo resulta estar plagado de algunos riesgos de seguridad. Si alguien está interesado, puede leer donde se brindan recomendaciones para solucionar problemas al usar el objetivo en blanco, así como opciones alternativas para implementar la tarea de abrir una página web en una nueva pestaña.

Parece que noté todos los pros y los contras de usar el valor en blanco para abrir un hipervínculo en una nueva pestaña. Si lees artículos en mi blog, probablemente ya hayas adivinado mi actitud hacia este parámetro de atributo objetivo.

De momento, para mí sus ventajas superan a sus desventajas y soy un partidario incondicional. Con base en los hechos anteriores, puede formarse su propia opinión sobre este tema. Aunque... teniendo en cuenta la aparición de nuevas circunstancias, puede cambiar.

¿Cómo crear enlaces hash, anclajes y por qué son necesarios?

A continuación, me gustaría llamar su atención sobre otro tipo de hipervínculos, que pueden resultar útiles si el material ubicado en una página web es bastante voluminoso y debe estructurarse para mejorar la navegación.

No es necesario buscar mucho para ver un ejemplo, basta con mirar el índice de esta publicación desde el principio. ¿Ves que hay una lista de secciones del artículo? Los hipervínculos a estas secciones son solo enlaces hash. Después de hacer clic en cualquiera de ellos, el navegador desplazará la página hasta el lugar donde comienza la parte correspondiente.

Estos enlaces se crean de forma muy sencilla. Primero debe crear un ancla (ancla), colocando la marca apropiada en el lugar requerido de la página en forma de identificador de ID, que es uno de los atributos globales aplicados a cualquier etiqueta HTML.

Gracias a la universalidad de la identificación, estas etiquetas de anclaje se pueden instalar casi en cualquier lugar de una página web. Dado que el texto suele dividirse en párrafos, también se pueden aplicar a . Principalmente coloco anclajes con los que los artículos se dividen en partes lógicas:

Habiendo marcado así todos los lugares necesarios en el código HTML, creamos hipervínculos a ellos. Para ello, al final, después de la última barra “/” de la URL (que, como ya sabéis, es el valor del atributo href), escribimos secuencialmente el signo de almohadilla “#” y el nombre de la etiqueta (ID ):

¿Cómo formar enlaces hash y anclajes?

Además, si dicho enlace de anclaje se coloca en la misma página que los anclajes, entonces se puede omitir parte de la URL hasta la última barra diagonal antes del hash y solo se utiliza "#" más el nombre de ID como parámetro href. (de hecho, esta es una de las opciones para enlaces relativos):

¿Cómo formar enlaces hash y anclajes?

Es decir, al compilar una tabla de contenido para un manual para optimizar el código HTML, puede utilizar fácilmente esta opción liviana. Si coloca solo un signo hash como URL, sin el nombre del identificador, desde el lugar donde se encuentra dicho enlace, la página se desplazará hacia arriba:

Arriba

En realidad, esta es la opción más sencilla, lo que nuevamente sirve como una ventaja adicional para la usabilidad del recurso, ya que facilita la vida a sus visitantes. Puedes utilizar una imagen atractiva como ancla para crear un botón.

Cómo eliminar el subrayado y cambiar el color del enlace

Los desarrolladores de HTML han pensado en casi todos los matices que pueden ayudar a optimizar tal o cual aspecto, lo mismo se aplica a los hipervínculos. Por ejemplo, al seguir un hipervínculo a otra página web y luego regresar, el usuario verá que el hipervínculo ha cambiado de color.

Si necesita repetir estas acciones repetidamente, podrá determinar rápidamente en qué enlaces ya ha hecho clic y en cuáles no. Esta opción está incluida en casi todos los navegadores. No es necesario explicar lo conveniente que es y cuánto tiempo ahorra.

De forma predeterminada, y sin el uso de herramientas CSS, los hipervínculos se resaltan con un subrayado y tres opciones de color, cada una de las cuales tiene su propio atributo para:

• enlace: establece el color del hipervínculo en la página web (azul de forma predeterminada, designado #0000ff);
• alink: el color del hipervínculo activo durante el período de tiempo mientras el navegador web lo procesa (rojo #ff0000);
• vlink: el color del enlace visitado por el usuario (púrpura, #800080).

¿Cómo puede cambiar los colores de los enlaces que muestran los navegadores para su sitio? Bueno, para un sitio HTML simple donde las páginas se crean manualmente (y creo que en la realidad moderna prácticamente no existen recursos completamente funcionales de este tipo, excepto diarios simples y páginas de destino), solo necesita encontrar la etiqueta de apertura y escribir el parámetros necesarios para ello (por cierto, para designar colores y se puede utilizar su nombre), por ejemplo:

Si ha instalado un sistema de gestión de contenidos () para administrar su recurso web, entonces, independientemente del tipo de motor que utilice, debe abrir para editar el archivo responsable de mostrar el encabezado, donde está presente la etiqueta de apertura. .

Si su recurso ejecuta WordPress, para implementar prácticamente esta idea, puede usarlo como una herramienta para insertar automáticamente una imagen dentro de un hipervínculo, donde primero selecciona de la biblioteca o descarga la imagen deseada y la inserta en el texto:

Luego seleccione el código de imagen resultante y presione el botón "enlace" del editor, después de lo cual pegue el hipervínculo copiado deseado en la ventana que aparece:

Hola, queridos lectores del blog. Hoy quiero hablar con más detalle sobre qué es un hipervínculo en HTML, cómo colocarlos en el texto de un sitio web, cómo hacer un enlace a una imagen, cómo utilizar correctamente la etiqueta “A” y sus atributos”. Href” y “Objetivo en blanco” (abrir en ventana nueva).

En general, un hipervínculo es un elemento clave. Además, los enlaces son ahora uno de los tres factores principales que influyen en la promoción exitosa de un sitio web. Usarlos correctamente y comprender, por ejemplo, cómo se ven afectados por los motores de búsqueda, puede afectar significativamente el tráfico a su recurso.

¿Qué son los hipervínculos y los anclajes?

Entonces, ya nos hemos familiarizado con etiquetas obsoletas que no se recomiendan para el uso diario. Sigamos conociéndonos más.

Para crear un hipervínculo en código HTML, también necesitaremos usar la etiqueta A. Para ello, podemos usar varios atributos, configurando, por ejemplo, la dirección URL del objetivo para movernos a través de este enlace (href) o indicando para que se abra en una nueva ventana (destino = _en blanco). Pero hablemos de todo en orden.

Como mencionamos anteriormente, los hipervínculos son un elemento clave del lenguaje HTML y le permiten vincular tanto a las páginas internas de su propio sitio como a otros recursos de Internet. Diré una banalidad: seguir un enlace se realiza haciendo clic en él (¿qué te pareció?).

Además de poder dividirse en internos o externos, también pueden ser auxiliares y utilizarse exclusivamente para las necesidades del navegador con el que se abrirán las páginas de su sitio.

En este caso, no serán visibles en la página, porque están escritos en el área del encabezado del código fuente del documento, cuyo contenido no se muestra en la página (mencioné la estructura del código del lenguaje de marcado de hipertexto en el artículo sobre).

Los hipervínculos de servicio se crean no utilizando la etiqueta "A" (como los normales), sino utilizando la etiqueta "Enlace". Son muchas las tareas que realizan, por ejemplo, con su ayuda archivos externos con hojas de estilos CSS en cascada o, por ejemplo, .

Pero hoy no veremos cómo crearlos (llegaremos a ellos más adelante), sino que nos detendremos en detalle en los enlaces visibles que se pueden crear dentro del área Cuerpo y, en consecuencia, se mostrarán en la página web.

Pero, sin embargo, todos los hipervínculos (tanto visibles como de servicio) tienen una cosa en común: todos contienen el atributo Href requerido. En él, como valor, se escribe un lugar determinado en el documento (si previamente estaba marcado con un ancla) o la dirección del documento en sí en Internet (en Href, o, en otras palabras, la ruta a la página). o se escribe algún otro archivo).

Los hipervínculos son elementos de navegación que están diseñados para transferirlo a otros documentos en la red, o para navegar a través del contenido de una página web que ya está viendo usando marcas hechas de antemano en el cuerpo del documento, que también se denominan anclajes HTML.

Puede que haya cierta confusión aquí, porque... en SEO, la palabra es , pero en HTML, “ancla” significa un ancla (traducción de la palabra ancla) o una marca en el texto, a la que luego se puede hacer referencia.

¿Por qué se utilizan anclajes en HTML? Esto es bastante conveniente al crear navegación en una página web bastante larga. Probablemente lo hayas visto en línea cuando en la página que abres, inmediatamente debajo de su título están los nombres de las secciones del artículo publicado en esa página.

De esta manera, el lector podrá ir inmediatamente al lugar de la página donde se encuentra la información que le interesa, en lugar de molestarse en desplazarse por el texto y buscar visualmente el lugar correcto. Conveniente y mejora.

Cómo se crean los anclajes y los hashes de enlaces

Entonces, nuestra tarea en este caso será instalar anclajes en los lugares correctos de la página (documento), que en general se verá así:

Aquellos. Para crear un ancla, debe ingresar un único atributo "Nombre" en la etiqueta de hipervínculo vacía "A", como valor use una etiqueta única que no debe contener espacios y en la que puede usar caracteres latinos, números. , guiones y guiones bajos (en completa analogía con las reglas mediante las cuales se pueden crear URL: ,,,[_],[-]).

En este caso, el ancla no será visible en la página misma, porque No escribimos ningún texto dentro de los elementos "A". Sin embargo, los anclajes creados de esta manera contaminarán el código HTML y, por lo tanto, ahora utilizan con mucha más frecuencia que los anclajes otra forma de crear una etiqueta.

En este caso, no es necesario crear una etiqueta “A” vacía, pero puedes utilizar cualquiera de los elementos que ya están disponibles en el lugar correcto del texto. Por ejemplo, estos podrían ser.

Aquellos. para crear un análogo de un ancla, basta con asignar un atributo de ID universal a cualquier etiqueta (se puede usar para todas las etiquetas y, por cierto, funcionan en función de él), por ejemplo, así:

Texto del título

Entonces, ahora, en lugar de crear la cantidad requerida de anclajes que contaminan el código y actualmente no son válidos (no recomendado por el consorcio W3C, que desarrolla el lenguaje HTML), simplemente agregamos Id.

Resulta que para esto necesitarás, como de costumbre, insertar el atributo requerido “Href” dentro del hipervínculo “A”, pero cuyo valor se formará a partir del nombre de la etiqueta deseada (ancla) precedida por un hash. signo “#”, que también se llama hash ( Aquí, por cierto, es donde crecen las patas del nombre de uso frecuente: hash de enlace):

se moverá al lugar de la página marcada con ancla

Tenga en cuenta que cuando haga clic en dicho hipervínculo, no se abrirá un nuevo documento. El navegador desplazará la página ya abierta hasta una posición tal que el lugar del texto donde insertó el ancla ocupará una posición en la parte superior de la pantalla. Sería lógico suponer que los valores de todas las etiquetas (anclas) en una página deben ser únicos para evitar confusiones para el navegador.

Si crea un ancla utilizando el atributo ID en una etiqueta convenientemente ubicada, debe tener en cuenta que, además de la restricción en el tipo de caracteres utilizados (,,,[_],[-]), el valor de ID debe comenzar con un carácter de letra latina.

Luego, todos los caracteres válidos se pueden colocar en cualquier cantidad, pero el primer carácter de la etiqueta de anclaje en el valor del atributo ID debe ser una letra (en latín, por supuesto). De lo contrario, un ancla insertada en el código HTML no funcionará (en la mayoría de los navegadores).

Si no escribe ningún nombre de etiqueta de anclaje (href="#") después del símbolo de almohadilla "#", dicho hipervínculo desplazará la página hasta el principio. Así es como puedes crear un botón simple "Volver al inicio" creando un enlace desde la imagen (hablaremos de esto un poco más adelante) e insertándolo en la plantilla de tu sitio web, por ejemplo, así:

Href es un atributo de etiqueta obligatorio de cualquier hipervínculo

Ahora pasemos de la navegación dentro del documento (usando anclajes) a la navegación externa, es decir. Necesitaremos crear enlaces que conduzcan a otros documentos en nuestro sitio o en otro. Ahora en el atributo Href ya no necesitamos especificar etiquetas de anclaje, sino la ruta al archivo que se abrirá (la página, por diseño, es un archivo cargado en el navegador para su posterior visualización).

ancla

Aquí deberíamos hablar más sobre ellos, pero ya he escrito sobre ellos con más detalle en el material mencionado, por lo que probablemente no tenga sentido repetirme. Pero necesita saber cómo configurar la ruta al archivo en el atributo Href del hipervínculo que creó. Por lo tanto, no intente familiarizarse con el material proporcionado.

Sin embargo, déjame recordarte que al crear URL, es preferible utilizar sólo los siguientes caracteres: (,,,[_],[-]) y no utilizar espacios. Si consideramos el contenido del atributo Href para enlaces absolutos, se puede representar esquemáticamente de la siguiente manera:

Si descartamos lo que rara vez usará, entonces puede presentar lo mismo en una forma algo simplificada:

Protocolo (normalmente http)://nombre_dominio (por ejemplo, sitio web)/ruta_al_archivo (páginas web)

Además del simple protocolo http, en Internet se pueden encontrar enlaces con el protocolo https, que se diferencia en que utiliza cifrado. Este último se utiliza en sitios donde es necesario proteger el canal de intercambio de datos entre el servidor y el navegador del cliente. Por ejemplo, se utiliza en los servicios de dinero electrónico Web Money.

En Internet puedes encontrar diferentes versiones de contenidos Href, por ejemplo, esta:

Https://sitio/videokursy

O esto (con extensión de archivo):

Https://site/seo/kak-raskrutit-sajt.html

Esto no cambia la esencia, pero si hay una barra al final del contenido del atributo Href dentro del hipervínculo, esto significa que el acceso ya no es al archivo, sino a la carpeta en la que estará el objeto de índice correspondiente. ser buscado (para más detalles, lea el artículo sobre direcciones URL mencionado anteriormente).

Descargar algo desde el enlace.

Como puede ver, este hipervínculo no es diferente de uno normal, el navegador simplemente entiende que necesita descargar el archivo con la extensión zip y no intentar abrirlo para verlo, como, por ejemplo, archivos de documentos con la extensión html. extensión. Sin embargo, puede personalizar todo esto de forma puramente individual en su navegador para adaptarlo a sus necesidades personales.

Descargar desde el servidor Ftp

También puedes, por ejemplo, crear uno (de correo) añadiendo la URL correspondiente al Href:

Escribir una carta

Cuando hace clic en dicho enlace, el programa de correo predeterminado que utiliza se abrirá en su computadora (puede configurar el navegador para que los enlaces con mailto en Href se abran en Gmail, etc.) y aparecerá un cuadro de diálogo para crear una nueva carta. en el cual en el campo “Para” » se insertará la dirección postal dada en Href.

De hecho, puede crear enlaces de correo electrónico bastante complejos, con la ayuda de los cuales se completarán otros campos en el cuadro de diálogo de envío de correo electrónico, pero esto se usa muy raramente.

Y, en general, los webmasters prácticamente han dejado de usar hipervínculos con mailto en Href debido a que son analizados por spammers con todas las consecuencias consiguientes. Es mejor crearlo en el sitio web, aunque todavía tengo todo presentado en forma clásica en la página de contacto. Debería cambiarlo cuando quiera (o no... lo pensaré).

Cómo abrir un enlace en una nueva ventana (destino en blanco)

Al crear enlaces en código HTML, a menudo nos enfrentamos a la pregunta: ¿en qué ventana del navegador deberíamos abrir el documento al que conduce? De forma predeterminada, se abrirá en una ventana existente, superponiéndose a la página desde la que se colocó este hipervínculo.

Personalmente, soy un gran partidario del atributo Target con el valor en blanco, que permite abrir una página en una nueva ventana, dejando abierto el documento donde se colocó el enlace. No sé cómo afecta esto a la usabilidad de mi blog, pero me gusta más esta opción y la uso en casi todos los casos.

En los motores de búsqueda también me gusta configurar la apertura de enlaces en una nueva ventana, para que los resultados estén siempre a mano y siempre puedas volver a ellos. Para estos fines, como ya se mencionó, HTML utiliza un atributo de destino especial, que por defecto tiene el valor Self:

Abre el documento en la misma ventana.

Aunque, por supuesto, nadie escribe target="_self" en la etiqueta "A", porque este valor se usa de forma predeterminada, pero si necesita abrir la página en una nueva ventana, deberá escribir target="_blank ":

Se abre en una nueva ventana

Tenga en cuenta que los valores del atributo Target se escriben con un guión bajo al principio (_blank), porque esto está estipulado en el validador Wc3, que contiene agujeros en el lenguaje de marcado de hipertexto. Lo que es digno de mención es que HTML ofrece la posibilidad de cambiar la opción de apertura de enlaces predeterminada.

Por ejemplo, si desea que todos los hipervínculos de su sitio se abran en una nueva ventana, deberá agregar una etiqueta Base con el atributo target="_blank" en el área Head de la plantilla que esté utilizando:

hay algo más ahí

Y ahora, si desea abrir uno de los enlaces en la misma ventana, deberá agregar target="_self" a su etiqueta "A", porque de forma predeterminada ahora usa _blank. Oh, cómo.

Por cierto, utilicé el elemento Base de la manera descrita anteriormente, pero también incluí en él un área de código con varios hipervínculos que debían abrirse en una nueva ventana. Aquellos. También utilicé la etiqueta Base de cierre dentro del área del Cuerpo y funcionó. Aunque dicho código, por supuesto, resulta no válido.

Colores del hipervínculo al pasar el cursor y hacer clic: cómo cambiarlos

El lenguaje HTML fue diseñado para que el usuario pudiera navegar fácilmente qué enlace ya había abierto y cuál permanecía intacto.

Para ello se utiliza un color que cambiará cuando el usuario haga clic en el hipervínculo y el documento vinculado al mismo se abra con éxito. Al regresar a la página original, el usuario encontrará que el enlace que visitó ha cambiado de color. Todos los navegadores pueden hacer este truco.

De forma predeterminada, en HTML puro (sin utilizar propiedades CSS), los enlaces están subrayados y pueden tener tres opciones de color:

El azul es el color de los enlaces no seguidos en los que el usuario aún no ha hecho clic.

Rojo: se acepta mediante un hipervínculo inmediatamente después de hacer clic en él y hasta que el documento solicitado se descarga en el navegador del usuario a través de la red (en las condiciones modernas, no es nada fácil captar este momento y todo tiene la culpa en todas partes)

El morado es el color de los enlaces gastados que el usuario ya ha seguido.

En HTML 4.01, estos colores para los enlaces son los predeterminados, pero se pueden cambiar usando atributos especiales que están escritos en la etiqueta Body, que puede encontrar en uno de los archivos de la plantilla que está utilizando. Para cambiar los tres colores, se utilizan tres atributos, respectivamente:

Enlace: establece el color de un enlace no visitado

Alink: el color del actualmente activo, que está siendo procesado por el navegador

Vlink: el color del hipervínculo ya visitado por el usuario

Recuerde, ya escribí sobre cómo. En consecuencia, los atributos mencionados podrían verse así:

Naturalmente, lo que se quiso decir aquí fue una opción HTML pura, cuando por alguna razón no es conveniente o no es posible usar el estilo; de lo contrario, todos estos colores se pueden configurar y cambiar fácilmente usando .

Cómo convertir una imagen en un enlace: dos formas

Bueno, aquí todo es bastante sencillo. Porque es un elemento en minúscula, entonces, en general, cualquier imagen puede considerarse solo una letra, quizás solo de mayor tamaño.

En el caso de HTML puro, tendrá un marco de tres píxeles de ancho alrededor de la imagen en la que creó el enlace. Además, el color de este marco corresponderá completamente a los colores de enlace aceptados para su sitio (hablamos de ellos un poco más arriba en el texto).

Para eliminar la adición de un borde a una imagen a la que tiene un hipervínculo, debe agregar un atributo de borde con un valor de cero a la etiqueta Img:

Esta es una forma muy sencilla de convertir una imagen en un enlace, pero existe una opción más compleja llamada mapa de imágenes. En este caso, gracias al uso de una cantidad bastante grande de etiquetas y atributos HTML, puede crear a partir de una imagen un mapa completo de enlaces con áreas activas (en las que se puede hacer clic y que tienen diferentes formas: rectángulo, círculo, polígono).

Por ejemplo, puede colocar una foto grande en su página y hacer que cuando haga clic en diferentes partes de ella, se abran diferentes páginas con diferentes hipervínculos. De hecho, llevaría bastante tiempo describir un mapa de imágenes y es poco probable que alguien lo use, así que no lo haré porque "el juego no vale la pena".

¡Buena suerte para ti! Nos vemos pronto en las páginas del blog.

Tú podrías estar interesado

Seleccionar, Opción, Área de texto, Etiqueta, Conjunto de campos, Leyenda: etiquetas HTML para la forma de listas desplegables y campos de texto
Cómo insertar un enlace y una imagen (foto) en HTML: etiquetas IMG y A
Iframe y Frame: qué son y cuál es la mejor manera de utilizar los marcos en HTML
Caracteres de espacios en blanco y su formato de código en HTML, así como caracteres de espacio especiales que no se separan y otros mnemotécnicos.
MailTo: qué es y cómo crear un enlace en HTML para enviar un correo electrónico
Cómo se configuran los colores en código HTML y CSS, selección de tonos RGB en tablas, salida de Yandex y otros programas
Fuente (cara, tamaño y color), Blockquote y etiquetas previas: formato de texto heredado en HTML puro (no se utiliza CSS)
Img: etiqueta HTML para insertar una imagen (Src), alinear y ajustar texto alrededor de ella (alinear), así como configurar el fondo (fondo)
Listas en código HTML: etiquetas UL, OL, LI y DL
Etiquetas y atributos de encabezados H1-H6, línea horizontal Hr, salto de línea Br y párrafo P según el estándar Html 4.01

target="_blank se utiliza para crear la etiqueta Abrí el enlace en una nueva ventana. Pero, ¿qué es el HTML de destino? ¿Por qué debería estar en blanco? Y lo más interesante es ¿por qué hay un guión bajo al principio? Echemos un vistazo más de cerca a este código y comprendamos lo que hace.

valores objetivo del atributo objetivo

Los cuatro valores más comunes para el atributo de destino son:

_ser

La única situación en la que esto puede suceder es si el HTML usa una etiqueta que establece un método de apertura específico para todos los enlaces. Por ejemplo, si agrega el siguiente código entre etiquetas, usaría target="_self" para que el enlace se abra en la misma ventana.

_blanco

Abre un enlace en una nueva pestaña o ventana. Esto está determinado por la configuración local del usuario; en la mayoría de los navegadores, esta es una página de nueva pestaña. Podría pensar que con este valor puede implementar bloques de anuncios emergentes. Pero eso no es cierto. La mayoría de las veces, se utiliza JavaScript para esto en lugar de HTML.

Este valor de atributo HTML de destino se utiliza mejor para abrir enlaces a sitios externos o archivos PDF en una nueva pestaña. Gracias a esto, luego de cerrar estas pestañas, el usuario regresa a su sitio. Pero no se debe abusar de esto, ya que al usuario le resultará bastante complicado navegar si cada enlace se abre en una nueva pestaña.

_padre

El valor _parent abre un enlace en el marco principal para el marco en el que se encuentra. Este no es un valor popular ya que las etiquetas de marco no son compatibles con HTML5. Sin embargo, este valor aún se puede utilizar dentro de .

_arriba

Al igual que _parent, el valor de _top se aplica a los marcos. Puede usarlo para crear marcos dentro de marcos con una jerarquía de varios niveles. _top cancela todos los marcos instalados y carga la página en una ventana separada del navegador.

nombre de marco

Abre un enlace en un marco con el nombre especificado en el valor del atributo de destino HTML href. Por ejemplo, se abre en un marco llamado frame1, es decir, agrega este estilo:

Externo (
relleno: 0 10px 2px 0;
fondo: URL (http://lh6.googleusercontent.com/_G92voTj-yF0/TcFG68RdfLI/AAAAAAAABfA/QJM25G6lInk/externallink.gif) centro derecho sin repetición;
}

Publiqué los valores de mi campo de relleno. Dependiendo de la fuente que utilice y de la configuración de visualización del texto, deberá ajustar estos números a su medida. También puedes subir una imagen a tu álbum o usar una completamente diferente.

Quiero decir que probé tres scripts diferentes y el propuesto anteriormente no funciona en todas partes. Si el script sugerido anteriormente no le funciona, puede probar las siguientes opciones:

http://sites.google.com/site/seobiblioteka/extlinks.js
http://sites.google.com/site/seobiblioteka/external.js

Pero los dos últimos scripts no admiten la carga automática de estilos, por lo que si desea utilizar un estilo para un enlace externo que sea diferente del interno, no olvide asignar la clase class="external" al enlace.

Se trata de usar target="_blank" y abrir el enlace en una nueva pestaña. Espero haber respondido la pregunta del lector y esta información también sea útil para todos los demás.

Estimados bloggers, si su pregunta está relacionada con Blogger, les recomiendo que la hagan en el foro. Las respuestas no se publican en el blog con tanta frecuencia ni con mucha regularidad, y hay que esperar varias semanas para obtener una respuesta a una pregunta bastante básica. Al hacer una pregunta en el foro, recibirás una respuesta mía o de otros usuarios en un par de horas.
Tener un buen fin de semana.