Manténgase en un sitio href http. Enlaces de correo electrónico
Descripción
Etiqueta es uno de los elementos importantes de HTML y está diseñado para crear enlaces. Dependiendo de la presencia del nombre o atributos href de la etiqueta establece un enlace o ancla. Un ancla es un marcador dentro de una página que se puede especificar como destino de un enlace. El uso de un enlace que apunta a un ancla lo lleva a un marcador dentro de una página web.
Para crear un enlace, debe decirle al navegador cuál es el enlace, así como especificar la dirección del documento al que desea vincular. El valor del atributo href es la dirección del documento (URL, Universal Resource Locator, Universal Resource Locator) al que se produce la transición. La dirección del enlace puede ser absoluta o relativa. Las URL absolutas funcionan en cualquier lugar y en todas partes, independientemente del nombre del sitio o página web donde se registra el enlace. Los enlaces relativos, como sugiere su nombre, se crean en relación con el documento actual o la raíz del sitio.
Sintaxis
... ...Atributos
Active un enlace con un atajo de teclado. Establece las coordenadas del punto de acceso. Ofrece descargar el archivo especificado por el enlace. Especifica la dirección del documento al que navegar. Identifica el idioma del texto del enlace. Establece el nombre del ancla dentro del documento. La relación entre los documentos referenciados y los actuales. La relación entre el documento actual y el documento de referencia. Especifica la forma de la zona activa del vínculo para las imágenes. Determina la secuencia de transición entre enlaces al presionar el botón Tabulador. El nombre de la ventana o marco donde el navegador cargará el documento. Agrega una información sobre herramientas al texto del vínculo. Especifica el tipo MIME del documento al que conduce el vínculo.etiqueta de cierre
Requerido.
HTML5 IE Cr Op Sa Fx
¡Mira mi foto!
¿Cómo tomar la misma foto?
Con etiqueta html Los enlaces se crean en cualquier sitio, tanto externo como interno. Etiqueta que se encuentra en todas las páginas del sitio. Sin ella, sería muy difícil navegar por Internet, ya que cada dirección de página (URL) tendría que escribirse manualmente en la línea del navegador.
ancla
El parámetro obligatorio para el enlace es solo href="URL" , es decir dirección de enlace Entre la etiqueta de apertura y etiqueta de cierre se escribe el ancla del enlace, que puede consistir en palabras, símbolos, objetos (imágenes, etc.).
... ...Nota 1
Si abriste la etiqueta , entonces todo lo que sigue será un enlace hasta que se inserte la etiqueta de cierre. Un enlace puede ser cualquier objeto. Muy a menudo, una imagen se crea en forma de enlace. Por ejemplo
Nota 2
A la etiqueta de apertura Puede agregar varios atributos. Son los responsables del correcto funcionamiento de los enlaces. Echemos un vistazo a ellos.
Atributos y propiedades de etiquetas
1. Atributo target="parámetro" , que puede tomar los siguientes valores:
- _blank - abre la página en una nueva ventana
- _self - carga la página en la ventana actual
- _parent: carga la página en el marco principal
- _top: cancela todos los marcos y carga la página en una ventana completa del navegador
Ejemplo con destino
como ganar dinero en tu sitio web
El valor más utilizado es _blank porque le permite abrir la página en una nueva pestaña. Esto es conveniente para el usuario, porque mantiene abierta la página actual en la siguiente pestaña.
2. Título del atributo="(!LANG:sugerencia" позволяет прописать подсказку, которая высветится при наведении курсора на ссылку. Это нужно для более точного описания ссылки. Атрибут тайтл поможет пользователю убедиться в том, что по ссылке он найдет нужную информацию, а для поисковой системы это дополнительный ключевые слова для страницы, на которую ведет ссылка.!}
ejemplo de sugerencia de título
... !} como ganar dinero en tu sitio web ...
Se transforma en la página a lo siguiente:
En este caso, la pista se muestra de forma estándar. Sin embargo, también puede hacer una información sobre herramientas más bonita: Cómo hacer una información sobre herramientas de enlace más bonita »
3. Atributo clase = "nombre de clase" establece la clase de estilo para el enlace. Ya conoces las clases de la lección anterior (estilos en html). Para la etiqueta a, los estilos son ligeramente diferentes. Explicaré todos los matices con el siguiente ejemplo.
Ejemplo
как заработать на сайте
Преобразуется на странице в следующее:
Поясню выше описанный пример. Класс, в котором мы описали тег называется list . Давайте разберемся, что значат приписки visited , link и hover .
- a.класс:visited стиль для ссылки, который пользователь уже посетил. Это позволяет пользователю не заходить на одну и ту же страницу дважды, даже если у ссылки на эту страницу будут разные анкоры.
- a.класс:link стиль для тех ссылок, которые ещё не посещал пользователь (можно не указывать приписку ":link", поскольку a.класс - делает то же самое).
- a.класс:hover стиль ссылки при наведении курсора. Обычно для этого стиля делают другой цвет, а также подчеркивание, чтобы дать пользователю понять, что ссылка стала активной.
4. Атрибут rel="параметр" - определяет отношения между текущим документом и документом, на который ведет ссылка. Этот атрибут носит важное значение для поисковых машин, но браузерами никак не трактуется. Может принимать следующее значения:
4.1. nofollow - означает то, что вес по ссылке не будет передаваться (робот не будет переходить по ссылке). Например:
как заработать на сайте
Визуально никаких отличий Вы не заметите, однако для поисковых систем эта ссылка не будет передавать вес. Поэтому мой совет для всех: закрывайте все внешние ссылки атрибутом , чтобы сохранить вес на Вашем сайте.
4.2. canonical - в случае множества дублей на сайте, указывает главную страницу среди всех дублей
Есть также множество других значений атрибута rel, но они вообще никак не влияют не на внешний вид, ни на поисковые системы, поэтому рассматривать их не вижу смысла.
Как сделать ссылку на адрес почты
У ссылок есть еще одна интересная возможность: можно сразу указать адрес почты в таком формате, что при переходе по ней у пользователя будет открываться программа, которая стоит по умолчанию по обработке его почты. Возможно это будет OutLook или же браузер по умолчанию с почтой.
[email protected]сайт
Уважаемый читатель, теперь Вы узнали гораздо больше о html теге a. Теперь советую перейти к следующему уроку.
The HTML element (or anchor element), with , creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address. Content within each should indicate the link"s destination.
The source for this interactive example is stored in a GitHub repository. If you"d like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Attributes
download HTML5 Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:- Without a value, the browser will suggest a filename/extension, generated from various sources:
- The final segment in the URL path
- The media type (from the Content-Type header , the start of a data: URL , or Blob.type for a blob: URL)
- Defining a value suggests it as the filename. / and \ characters are converted to underscores (_). Filesystems may forbid other characters in filenames, so browsers will adjust the suggested name if necessary.
The URL that the hyperlink points to. Links are not restricted to HTTP-based URLs - they can use any URL scheme supported by browsers:
- Sections of a page with fragment URLs
- Pieces of media files with media fragments
- Telephone numbers with tel: URLs
- Email addresses with mailto: URLs
- While web browsers may not support other URL schemes, web sites can with registerProtocolHandler()