La mayoría de los desarrolladores web ni siquiera reconocen:
La página a la que nos referimos a usar Target \u003d "_ en blanco" obtiene acceso a la página de origen a través del objeto Window.Opener.
Por ejemplo, por lo tanto solo pestaña abierta puede cambiar la ventana.opener.location, es decir, es decir, En lugar de la pestaña anterior, cargue imperceptiblemente una página completamente diferente.
Lo más terrible es que esta vulnerabilidad está presente en muchos sitios nacionales y extranjeros populares: mientras que en Facebook lo corrigió hace unos días, todavía funciona, por ejemplo, en yandex.
Ejemplo de ataque
Confiando en tal comportamiento de los navegadores, puede llegar a muchos escenarios, eso es el más fácil:
1. La víctima se envía una carta, tal vez con una dirección falsa. El contenido de la carta no importa, lo principal es obligar a la víctima a seguir el vínculo con un código malicioso. Por ejemplo, puede ser por favor, consulte las citas MI-MI-Municipales, como el hecho de que a continuación. Target \u003d "_ en blanco" yandex se agrega automáticamente a todas las letras.
2. La víctima abre la carta a yandex.well, haga clic en el enlace, en el que se abre la junta del sitio en la nueva pestaña, que realiza un código malicioso, que en lugar de yandex. Descargue un sitio de phishing, muy similar al original. , pero, por ejemplo, solicitó volver a ingresar el inicio de sesión y la contraseña, así como para eliminar las sospechas, realmente hace reenvío a los gatos.
Un ejemplo de dicho código:
// Subtitución de la Yandex original.Things en Window Fake.Oper.Location \u003d "http://e-m-a.il/yandex.ru"; // Reenvío en los gatos para eliminar la sospecha de Window.Location \u003d "https://imgur.com/0a5zgbn";
3. La víctima confiando en Yandex y miró a los gatos regresa a la pestaña anterior con correo. Dado que no abrió nada en él, así como la dirección que no cambió, entonces, lo más probable es que ella conduzca a un falso e introduce su inicio de sesión y contraseña, que de hecho irá al atacante.
Lo único que las sospechas pueden causar es otra dirección de la página, pero se puede hacer muy similar al original, y en dispositivos móviles A menudo está oculto por defecto.
Tratamiento
Afortunadamente, es posible arreglar todo lo fácilmente: a todos los enlaces con Target \u003d "_ en blanco" Debe agregar adicionalmente el atributo rel \u003d "noopener norefener".
Si no va a esperar hasta que se arregle en los sitios y en los navegadores, le recomendamos agregar a TamperMonkey / Greasemonkey Siguiente Script de usuario:
// \u003d\u003d UsstesScript \u003d\u003d // @Name NULL ABOERS OBJETO // @Namespace NULLOPEROBJECTNS // @Description Borra el objeto Window.Opeoer. // @version 1 // @GRANT Ninguno // @ Ejecutar en Document-Start-Start // \u003d\u003d / Usscript \u003d\u003d (Función () ("Use Strict"; Window.opener \u003d null;)) ();
De forma predeterminada, cuando vaya al enlace, el documento se abre en la ventana o el marco actual. Si es necesario, esta condición puede ser cambiada por el atributo de la etiqueta de destino . En XHTML, el uso de este atributo está prohibido.
Sintaxis
...Atributo obligatorio
Valores
El nombre de la ventana o marco se utiliza como un valor especificado por el atributo Name. Si se instala un nombre inexistente, se abrirá una nueva ventana. Los siguientes se utilizan como nombres reservados.
En blanco descarga una página a una nueva ventana del navegador. _Self carga la página a la ventana actual. _Parent carga la página en un marco de padres si no hay marcos, este valor funciona como _self. _Top cancela todos los marcos y descarga una página en la ventana del navegador completo si no hay marcos, este valor funciona como _self.
Valor por defecto
Validación
El uso de este atributo está condenado por la especificación HTML, el código válido se obtiene solo cuando se usa la transición .
HTML5 IE CR OP SA SA FX
Abrir en Nueva ventana
¡Me alegra darle la bienvenida en el sitio del blog! En el artículo de hoy, comenzaremos a hablar sobre el idioma de la marca de hipertexto. html. Esta publicación será el primero de su tipo (y lejos de la última), ya que antes de no haber escrito nada de esto.
Plan de publicación:
Pero ahora, cuando anoté el conocimiento necesario y los revisé en la práctica, me encantaría compartirlos con mis lectores con gusto. Después de todo, no se preguntó cuánto tiempo y tiempo en la etapa inicial se gastaron, por ejemplo, para saberlo, cómo insertar un enlace ahtml. Naturalmente, después de leer mi publicación, también lo sabrás y podrá hacerlo.
En general, vale la pena señalar que etiquetas enlaces Solo necesitaba en el trabajo de los optimizadores, porque su pan, solo es la optimización de motores de búsqueda y, naturalmente, sin enlaces al Gurú en el área de SEO, es más probable que no hagan qué decir sobre los bloggers ordinarios :).
Quizás, etiqueta de referencia htmlUNA. Es uno de mis más usados, en una serie, con una etiqueta IMG que es necesaria para mostrar imágenes en el texto. En promedio, en cada artículo publicado por mí, aproximadamente cinco referencias se fijan como páginas domésticasy externo.
No olvides eso etiquetas para el sitiohtml Se utiliza no solo cuando escribe publicaciones. Además, se necesitarán al cambiar el código de la plantilla que estableció en el WordPress de CMS o en cualquier otro sistema de administración del sitio.
Por lo tanto, necesitas estudiar al menos el más básico. etiquetas htmlDe modo que en el futuro no tengan problemas cuando se trabaja con referencias. Por ejemplo, si usa un "Editor visual" cuando escribe sus artículos, no es muy bueno, porque si este editor no funciona, ni siquiera sabrá el código elemental para poner el enlace.
En general, creo que el conocimiento de los conceptos básicos en el lenguaje de marcado HTML, lo ayudará y simplificará la vida. De todos modos, el tiempo que pasará ahora para estudiar, posiblemente un material nuevo para usted, no se gastará en vano.
También hay muchos matices que lo hacen un trabajo, y sobre los cuales lees a continuación en mi artículo, esto es rel \u003d "no seguir ", I. target \u003d "_blanco ", y mucho más interesante relacionado con las referencias.
Etiqueta de referencia A: cree un hipervínculo en un documento HTML con anclaje y sin él
Como ya he logrado notar anteriormente, el enlace es una de las etiquetas HTML más utilizadas. Se necesitan para que los usuarios puedan cambiar a otro sin mucho esfuerzo de un documento con un solo clic del mouse.
Sin embargo, para especificar la ruta del hipervínculo, debe usar atributohref.. Gracias a él, también puede especificar la URL de la página a la que desea referirse. Puede ser tanto las páginas internas de su sitio como las páginas de ningún otro recurso en la World Wide Web.
Ancla etiqueta html Referencias Un factor significativo que tiene en cuenta los robots de búsqueda, por lo que debe prestarle especial atención. Recomiendo usar ankore indicioAquellos que desea que su artículo se ponga en las primeras posiciones en extradición.
Habiendo entendido un poco con la teoría de los hipervínculos en documento HTMLPuede comenzar a ser ejemplos visuales. Este código tendrá un enlace:
Como puede ver, el enlace comienza con el soporte de apertura "<», затем идет html тег A, после него должен быть обязательный атрибут href и знак равенства. Далее, следуют две скобки следующего типа – «”», между ними нужно указать URL адрес ссылающегося ресурса, при использовании «http://». Затем, нужно указать анкор ссылки и в конце концов закрыть тег ссылки А при помощи «».
Además, le aconsejo que use enlaces de bendiciones, ya que solo si solo los hipervínculos con el ancla estén en su recurso, puede causar preguntas a los motores de búsqueda y llevar a las malas consecuencias. Seguramente, escuchó sobre el popular algoritmo de Google, que tiene un título aterrador de pingüinos :).
Abrir un enlace en una nueva ventana. Atributo objetivo _blank.
Bueno, con la etiqueta HTML y se descubrió, pero no es todo. Todavía hay muchos atributos que te serán útiles cuando se trabaja con referencias. Uno de ellos - atributoobjetivo _blank..
Se necesita para el documento insertado en el HTML, el enlace se abrió en una nueva ventana del navegador de Internet. Es muy útil cuando escribes un artículo a granel y se refiere a sus publicaciones anteriores. Por lo tanto, el usuario legible permanece abierto, y los enlaces ya se abren en otras pestañas en el navegador.
Objetivo en blanco.hTML utiliza muy a menudo cómo ayuda, en términos del comportamiento de los visitantes de su sitio, es decir, afecta a sus factores de comportamiento. Por lo tanto, si aún no usa el atributo de destino con el parámetro _Blank, le recomiendo leer esta sección con mucho cuidado.
Como se puede notar, una diferencia especial donde se colocará el atributo necesario, no, ya que su orden no importa dentro de las etiquetas HTML.
REL NOFOLQUE ATRIBUTO Y TAG NOINEX. Cerrar la referencia de la indexación.
Continuaremos a trabajar con el atributo REL Link en el documento HTML. Este atributo con el parámetro NOFOLGE se usa para no transmitir el peso de su página en cualquier otra.
Como saben en cualquier página, incluso en el hecho de crear y no tener referencias externas de otros recursos es su peso, que está por encima de cero. Los usuarios no pueden ver esto, pero aquí están en cuenta todos los motores de búsqueda.
Por lo tanto, que el peso interno de sus páginas no flote desde usted, algunos enlaces deben ingresar en un atributo rel nofollow.. Las referencias que incluyen este atributo no transmitirán peso a otros sitios.
Naturalmente, atributorel nofollow.no debe usarlo cuando se refiere a las páginas internas de su sitio, ya que la transferencia interna competente es la clave para optimizar con éxito el recurso y su desarrollo adicional.
Yo uso el atributo mencionado anteriormente solo si me refiero a sitios externos. Por ejemplo, como se puede notar, a menudo al final de sus artículos, ofrezco a Poshili para convertirme en mi lector en Twitter (), y le doy un enlace a mi cuenta, naturalmente, concluyo este enlace en Rel nofollow. Se parece a esto:
Nuevamente, donde REL se colocará con el parámetro NOFOLG, antes del atributo de HREF o después de que no importa. También en tales enlaces no se deben prescribir palabras clave en el anclaje, ya que no tiene ningún sentido, porque estamos pre- hacer un enlaceno seguir.Así que no transmite peso.
Ahora vale la pena discutir etiquetanoindex.. Sirve que los robots de búsqueda no indexan los elementos no necesarios de la página. Con eso, esto se aplica no solo a los hipervínculos, sino también ciertas secciones del texto.
Por cierto, voy a cualquier sitio, vea inmediatamente dónde se cierra el hipervínculo de la indexación, y donde sea el abierto. Todo gracias a una excelente adición al navegador de la ópera. Además, con este complemento, puedo rastrear otros parámetros de recursos, como, así como Alexarank.
Link Anchor y cómo hacerlo. Nombre del Atributo.
Y ahora puedo, para muchos, abriré una cosa muy entretenida al trabajar con referencias. Personalmente, aprendí al respecto solo después de más de medio año usé WordPress. Entonces, ahora será sobre enlaces de anclaje.
Gracias a él, así como cuando se usa. enlaces hash, Puede ser referenciado no solo en algún tipo de artículo, sino también en su lugar, que es necesario, es decir, en una cierta sección del texto. Se llama la publicación cuando la publicación es muy voluminosa y encuentra que la información necesaria será difícil.
Al principio, es necesario en el artículo en el que desea referirse a elegir una sección del texto al que se desplazará la página en el navegador de Internet. Es decir, si le da un enlace, digamos acerca de la configuración (no es un ejemplo de anclaje), entonces el atributo de nombre debe colocarse en el sitio de publicación requerido.
Como puede ver, el atributo de nombre no tiene un arcor, ya que un anclaje consiste en un parámetro de atributo APERTURA Y CIERRE A. Debe especificar usted mismo, se indica después del signo de igualdad y corchetes, como se muestra arriba en el ejemplo .
Ahora directamente en la nueva publicación, debe especificar un enlace hash utilizando un anclaje preparado previamente. Por lo tanto, el enlace se abrirá a la vez el lugar en el texto que necesita. Este enlace hash tendrá el siguiente formulario:
Después de eso, los lectores de su sitio podrán pasar a través de tales enlaces para llegar a un área determinada en la página.
Bueno, en esto, tengo todo si surgió alguna pregunta, pregúnteles en los comentarios. Observo que este no es el último artículo sobre HTML, en el futuro previsible, habrá más publicaciones sobre este tema.
Video epílogo: el artista muy rápidamente dibuja imágenes en vidrio.
El único valor actualmente relevante del objetivo es _blank. Los otros valores del objetivo se utilizaron para especificar marcos específicos. Sin embargo, los marcos se han desaprobado en HTML5.
Objetivo predeterminado.
Si no se especifica ningún objetivo, el enlace se abrirá en el contexto actual, a menos que el usuario o el navegador especifique lo contrario.
un objetivo \u003d "_ en blanco" abierto en una nueva pestaña del navegador (o ventana)
El atributo de destino especifica dónde se abrirá el documento vinculado cuando se haga clic en el enlace. El valor predeterminado es la ventana actual. Si Target \u003d "_ en blanco", el documento vinculado se abrirá en una nueva pestaña o (en las cejas más antiguas de una nueva ventana.
¿Por qué abrir en un nuevo navegador?
La razón más común para usar `Target \u003d" _ Blank "es de modo que los enlaces externos se abran en una pestaña separada. Esto permite a un usuario hacer clic en una referencia y volver a él más tarde, saliendo de la página actual. Mantiene a los visitantes en su sitio más tiempo y se reforzan a la mayoría de sus métricas: la tasa de rebote, la conversión, las páginas visitadas.
Abra todos los enlaces externos en una nueva pestaña con javascrip
Usted no necesita agregar manualmente Target \u003d "_ en blanco" a cada enlace de su sitio. Si vincula mucho (lo que debe hacer), es fácil agregar un código de JavaScript a su sitio y convertir todos los enlaces externos en _Blank Enlaces automáticamente.
jQuery (Document.Links) .Filtro (Función () (devuelve esto.HostName! \u003d Window.Location.hostName;)) .attr ("objetivo", "_blank");
(Puede ver una forma ligeramente modificada de este código en acción en cada página de este sitio web). Este truco requiere jQuery, pero ya es una buena posibilidad de que lo esté usando. Se utiliza en los marcos más populares y los sistemas de gestión de contenido, incluidos WordPress, Drupal y Twitter Bootstrap. Si necesita hacerlo sin jQuery, también se puede hacer. Aquí hay una versión "Plain Javascript":
Función Externalinks () (para (var c \u003d document.getlementsbytagname ("a"), a \u003d 0; a< c.length;a++) { var b = c[a]; b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank") } } ; externalLinks();
Además de hacerlo más fácil, esto limpia su marcado considerablemente.
Razones para no usar `Target \u003d" _ en blanco "
Algunas personas argumentan que los usuarios no prefieren abrir enlaces en un nuevo contexto de navegación. Piensan que lo que lo hace es similar a los anuncios emergentes y otros comportamientos molestos. Con el auge de navegación por pestañas. Este argumento se ha ido en gran parte. La mayoría de los usuarios prefieren abrir enlaces en una nueva pestaña, ya que les permite venir enlaces de cola referidos para leer más tarde sin perder su contexto de navegación actual.
Valores del atributo objetivo.
| Nombre de valor. | Notas. |
|---|---|
| _Blanco. | Abre el documento vinculado en una nueva pestaña o ventana. |
| _Padre. | Abre el enlace en el marco de los padres. Los marcos están desaprobados en HTML5. |
| _Uno mismo. | Abra el enlace en el marco actual. |
| _Cima. | Abre el enlace en el marco más alto. Los marcos están desaprobados en HTML5. |
| nombre del marco. | Abre el enlace en el marco con nombre. Los marcos están desaprobados en HTML5. |
Descripción
Puede definir la ventana en la que se descargará la página web por referencia. Para hacer esto, use el atributo de destino, el nombre de la ventana o marco se especifica como su valor. Si el objetivo no está configurado, el resultado devuelto se muestra en la ventana actual.
Sintaxis
Valores
El valor de la ventana o marco se utiliza como un valor. Si se instala un nombre inexistente, se abrirá una nueva ventana. Los siguientes se utilizan como nombres reservados.
En blanco descarga una página a una nueva ventana del navegador. _Self carga la página a la ventana actual. _Parent carga la página en un marco de padres si no hay marcos, este valor funciona como _self. _Top cancela todos los marcos y descarga una página en la ventana del navegador completo si no hay marcos, este valor funciona como _self.
Si para etiqueta
Valor por defecto
Validación
El uso de este atributo está condenado por la especificación HTML, el código válido se obtiene solo cuando se usa la transición .
Ejemplo 1. Enlaces de apertura en una nueva ventana
Ejemplo 2.
Navegadores: Mobile de mesa ?
| Explorador de Internet. | Cromo. | Ópera. | Safari. | Firefox. |
| 2 | 1 | 2 | 1 | 1 |
| Androide | Firefox Mobile. | Opera Mobile. | Safari Mobile |
| 1 | 1 | 6 | 1 |
✖
Navegador
La tabla del navegador aplica la siguiente notación.
- - El elemento es totalmente compatible con el navegador;
- - El navegador de elementos no se percibe e ignorado;
- - Cuando trabaje, es posible aparecer errores diferentes, o el artículo es compatible con las reservas.
El número indica que comenzó la versión del navegador con el que se admite el artículo.
