Puede encontrar fácilmente muchos tutoriales en la web utilizando la pseudoclase: target. Sin embargo, no seguiremos el código de otra persona, sino que intentaremos entenderlo y entender cómo funciona. Por supuesto, no sin ejemplos.
¿Qué es: target?
En CSS: target es una pseudoclase que le permite seleccionar una "pieza" completa de su documento HTML, sobre la cual se realizará alguna acción. Puede ser un párrafo de texto o un encabezado, por ejemplo.
Las pseudoclases no deben confundirse con los pseudoelementos, que pueden seleccionar solo una parte determinada de un elemento, como la primera letra o la primera línea de un párrafo.
Pseudoclases:
- a: enlace (color: # 111)
- a: hover (color: # 222)
- div: primer hijo (color: # 333)
Pseudo-elementos:
- p :: primera letra (color: # 444)
- p :: primera línea (color: # 555)
Creo que está claro por la sintaxis lo que hace esta o aquella pseudoclase o pseudo-elemento. La pseudoclase más popular es: hover, es encontrada por todos los webmasters, describe los estilos del elemento al hover. target funciona de manera similar y describe los estilos de un elemento cuando ocurre una determinada situación.
Identificadores de fragmentos
En resumen, este es el tipo de cosas a las que está ligada nuestra pseudoclase. Este es un hashtag con una palabra o frase al final de la dirección. Se parece a esto:
Esta técnica se puede utilizar para navegar dentro de un artículo. Por ejemplo, al comienzo del artículo, creas una pequeña tabla de contenido, cuando una persona hace clic en un elemento, llega a la sección a la que lleva el enlace, a la sección, al mismo tiempo, debes agregar un identificador.
Esto funciona en HTML puro, no se requieren ajustes. Pequeños identificadores.
Manejo de un clic con: target
Ahora intentemos asegurarnos de que cuando hace clic en la sección deseada de nuestro menú improvisado, el estilo del encabezado cambia, mostrando qué párrafo está actualmente activo.
H1 (fuente: 30px Arial sans-serif;) h1: destino (tamaño de fuente: 50px; decoración de texto: subrayado; color: # 37aee4;)
El código es muy simple: cuando se hace clic, el título cambia de tamaño, color y subrayado. Puede agregar vida (Ruslan, hola) y animar el cambio de color del título:
H1 (fuente: 30px Arial sans-serif; -webkit-transición: color 0.5s facilidad; -moz-transición: color 0.5s facilidad; -o-transición: color 0.5s facilidad; -ms-transición: color 0.5s facilidad; transición: color 0.5s facilidad;)
Resaltar el título activo es algo bueno, pero ¿qué sucede si necesita cambiar la apariencia del texto que lo sigue? CSS nos brinda esta oportunidad. Se parece a esto:
H1: objetivo + p (fondo: #eaeaea; relleno: 10px;)
En este caso, el signo más significa que el estilo debe aplicarse al párrafo que sigue al título. Por lo tanto, al cambiar el título activo, también cambiamos el diseño de la sección con el texto que "le pertenece".
Soporte del navegador
La pseudoclase de destino pertenece a la tercera revisión de CSS y es perfectamente compatible con todos los navegadores excepto IE, anterior a la versión 9. Por lo tanto, no debe implementarla si su audiencia usa este navegador. Aunque, hay una salida: esta es Selectvizr, una biblioteca JS con la que puede hacer que IE funcione con CSS3. Simplemente agregue el script y listo, funciona.
Lo único, si no usa JQuery o MooTools, necesita conectarlo para que este script funcione. En el sitio oficial hay una tabla de qué bibliotecas admiten qué. Si te interesa, léelo. Eso .
Conclusión
El uso de pseudoclases puede parecer una tarea abrumadora, pero una vez que comprenda cómo funcionan, puede hacer cosas increíbles con solo CSS y nada más. La pseudoclase: target- una excelente confirmación de esto. Con su ayuda, puede cambiar radicalmente la interacción de la página con el visitante. El ejemplo anterior es el más simple, pero también agrega un poco de interactividad a la página. Pero esto es solo un par de líneas de código.
No exagere con la belleza y el soporte del navegador y debería estar bien.
Que tenga un lindo día
De forma predeterminada, cuando hace clic en un enlace, el documento se abre en la ventana o marco actual. Si es necesario, esta condición se puede cambiar mediante el atributo de destino de la etiqueta. ... En XHTML, el uso de este atributo está prohibido.
Sintaxis
...Atributo requerido
Los valores
El valor es el nombre de la ventana o marco especificado por el atributo de nombre. 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 la 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 Cancela todos los marcos y carga la página en la ventana completa del navegador; si no hay marcos, este valor funciona como _self.
Valor por defecto
Validación
El uso de este atributo está desaprobado por la especificación HTML, el código válido se obtiene solo usando un transitorio .
HTML5 IE Cr Op Sa Fx
Abrir en una nueva ventana
Hola queridos lectores del sitio del blog. Decidí dedicar la publicación de hoy al aspecto más importante del webmastering, donde intentaré explicar con todos los detalles qué es un hipervínculo, indisolublemente vinculado con el que, a su vez, sin exagerar, es la base de Internet.
Pero para crear correctamente hipervínculos e insertarlos en el código de las páginas web (por ejemplo, su sitio), es necesario estudiar el área correspondiente del lenguaje de marcado de hipertexto (), ya que estos elementos se forman utilizando el HTML a etiqueta, que tiene la capacidad de actualizar el enlace a la especie deseada.
Entonces, hoy analizaremos en qué partes consta un hipervínculo, cómo el uso del atributo en blanco de destino permite abrir una página en una nueva ventana (pestaña), cómo hacer que cualquier imagen sea un vínculo y muchos otros detalles importantes. Entre otras cosas, esta información lo ayudará a aprender el lenguaje HTML.
¿Qué es un hipervínculo y se puede llamar enlace?
Respondiendo a la pregunta planteada en el título, diré que el término "enlace" tiene un rango semántico más amplio (enlace a Siberia, banco para identificar al pagador, texto en un libro, etc.), incluyendo el significado inherente al concepto de "hipervínculo", que se asocia únicamente con el hipertexto, lo que hace posible la percepción no lineal de la información.
Por lo tanto, un hipervínculo es un caso especial de un enlace por lo tanto, es muy posible utilizarlos en el tema de hoy en pie de igualdad. Aprovecharé esto en mis "intereses egoístas" en el transcurso de la publicación de hoy, utilizando ambos términos para evitar el spam innecesario de palabras clave.
Pero también hay servicios invisibles creados con la ayuda de y dentro de ciertos límites, cuya tarea es enviar numerosas señales y comandos a los navegadores para realizar una función en particular.
Por ejemplo, utilizando hipervínculos de servicio, es posible mostrar un icono. Solo se pueden ver como parte del código HTML (para hacer esto, haga clic en cualquier página abierta en el navegador):
Por ahora, dejemos los enlaces de servicio en paz y consideremos el patrón general de creación de hipervínculos. Lo que tienen en común es que todos tienen atributo href obligatorio, cuyo valor es la dirección del documento (). Un enlace HTML puede llevar tanto a una página interna del sitio como a un documento externo.
Otra nota 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 cuando hacen clic en ellos.
Cómo hacer un hipervínculo en HTML usando href
Entonces, ya sabemos que para crear un enlace, se requieren una etiqueta a y un atributo href, cuyos parámetros pueden ser URL de varios tipos. En la medida en a esto, luego entre la apertura y cerrando contiene contenido que se mostrará en la página web.
eso el contenido se llama ancla y puede presentarse en forma de texto o imagen (hablaremos con más detalle a continuación sobre cómo hacer de una imagen un enlace). Como mencioné, se podrá hacer clic en el ancla. Consideremos un ejemplo de un hipervínculo con contenido de texto. Así es como se verá su construcción en código HTML:
un poco sobre anclas
Además de HTTP, se puede utilizar el protocolo HTTPS seguro. El enlace no tiene por qué conducir a la página web. Todo depende del valor href, que puede ser la ruta a algún archivo:
//site/wp-content/uploads/2012/05/giperssylqi-v-html.jpg
descargar
En la página web, este enlace se verá así:
El navegador "comprende" que un objeto con la extensión .zip sólo se puede utilizar para descargar, que es lo que sugiere el usuario.
Por cierto, la ruta a cualquier archivo a veces se especifica a través de FTP (). Luego, en la URL que se usa 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. En una forma similar se crea un enlace a un correo electrónico utilizando el protocolo pseudo-mailto para un acceso rápido a la herramienta de escritura de cartas:
escribir cartas
Después de hacer clic en dicho enlace, debería aparecer una ventana del cliente de correo predeterminado, en la que puede redactar el texto del mensaje y enviarlo a la dirección ya especificada, tomada, como probablemente adivinó, de href.
En la práctica, los webmasters y propietarios de grandes recursos utilizaban con mucha frecuencia los hipervínculos al correo para garantizar la comodidad de los usuarios y clientes que pueden 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 establecer, por ejemplo), porque las direcciones de correo abiertas de esta manera son interceptadas activamente por software y utilizadas por todo tipo de spammers.
He citado como ejemplo solo los protocolos más comunes incluidos en la 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 resolver problemas de perfil más estrecho. Quizás los consideremos con más detalle en otras publicaciones.
Tipos de hipervínculos
Ahora intentemos clasificar los enlaces según una u otra característica.
Por su área de acción:
1. Externo- conducir a páginas ubicadas fuera del sitio en el que se publican;
2. Interno- enlazar páginas web ubicadas dentro del mismo recurso web.
Por formato:
2. Gráficamente f - en este caso, el ancla del hipervínculo es una imagen (incluida una miniatura), un banner, un botón, etc.
Por el tipo de URL que sirve como valor del atributo href:
1. Absoluto, 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 vínculos se utilizan con más frecuencia cuando se vinculan a páginas de recursos externos. En este caso, el valor href incluirá la ruta completa al archivo o página web requerida. A continuación, se muestra un ejemplo de un hipervínculo absoluto:
Contexto: que es
2. Relativo, una de las opciones para la creación 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 dirección URL:
Contexto: que es
Los hipervínculos relativos en una página web pueden proporcionar vínculos a páginas internas. Como tales, son más cortos, lo que facilita el uso del HTML. Por supuesto, no todo es tan simple y requiere una cobertura más amplia, como puede ver si sigue el enlace proporcionado.
A atributos de etiqueta
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 al respecto, por así decirlo, "de primera mano" se pueden encontrar en el sitio web oficial del Consorcio Internacional W3C, donde la información más reciente aparece con mayor rapidez.
Son completamente idénticos e inician la apertura de la página web en la pestaña actual. Si desea que las páginas se abran en una nueva pestaña al hacer clic en los enlaces, debe agregar al formar el enlace atributo de destino con parámetro en blanco:
Contexto: que es
Aunque algunos webmasters y SEOs creen que es mejor si al visitante se le da la oportunidad de elegir (es decir, no prescribir target en blanco), porque si es necesario, en una nueva pestaña, la página también se puede abrir usando el menú contextual ( mueva el cursor al enlace, haga clic con el botón derecho y haga clic en el elemento 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 usando HTML, solo usando scripts).
Pero creo que no todos los usuarios novatos están completamente familiarizados con las capacidades y configuraciones de los navegadores populares (). Es muy posible que el lector, después de haber seguido el 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 en su corazón.
Así, el propietario de un recurso web bien puede no solo perder a un visitante prometedor, sino también sufrir un empeoramiento de los factores de comportamiento (), lo que conllevará una pérdida de posiciones 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 el hipervínculo a la página web, recibe información adicional y, como si nada, continúa estudiando el material principal.
Para crear una imagen objetiva, debe agregarse que la aplicación de "target =" _blank "" a cualquier enlace externo, resulta, conlleva cierto riesgo de seguridad. Si alguien está interesado, puede leer dónde se brindan recomendaciones sobre cómo solucionar problemas al usar el blanco de destino, así como también se presentan opciones alternativas para implementar la tarea de abrir una página web en una nueva pestaña.
Parece haber notado todos los pros y los contras de usar el valor en blanco para abrir un hipervínculo en una nueva pestaña. Si está leyendo artículos en mi blog, probablemente ya haya adivinado mi actitud hacia este parámetro del atributo objetivo.
Por el momento, para mí, sus ventajas superan a las desventajas, y soy un partidario absoluto de ello. Con base en los hechos anteriores, puede formarse su propia opinión sobre este tema. Aunque ... dada la aparición de nuevas circunstancias, puede cambiar.
¿Cómo crear enlaces hash, anclas y por qué son necesarios?
A continuación, me gustaría llamar su atención sobre otro tipo de hipervínculos que pueden ser útiles si el material de la página web es bastante voluminoso y debe estar estructurado para mejorar la navegación.
No tiene que ir muy lejos para dar un ejemplo, solo eche un vistazo al índice de esta publicación al principio. ¿Ves, 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 punto donde comienza la parte correspondiente.
Estos enlaces están diseñados de manera bastante simple. Primero necesitas crear ancla colocando la etiqueta apropiada en el lugar requerido de la página en forma de ID, que es uno de los atributos globales aplicados a cualquier etiqueta HTML.
Debido al universalismo de los ID, estas etiquetas de anclaje se pueden colocar en casi cualquier lugar de una página web. Dado que el texto generalmente se divide en párrafos, se pueden aplicar a. Principalmente coloco anclas que dividen los artículos en partes lógicas:
Habiendo marcado de esta manera todos los lugares necesarios en el código HTML, creamos hipervínculos a ellos. Para ello, al final después de la última barra "/" en la URL (que, como ya sabes, es el valor del atributo href), escribimos secuencialmente el signo de almohadilla "#" y el nombre de la etiqueta ( IDENTIFICACIÓN):
¿Cómo generar enlaces hash y anclas?
Además, si dicho enlace de anclaje se coloca en la misma página que los anclajes, se puede omitir parte de la URL hasta la última barra antes del hash incluido y solo se puede usar "#" más el nombre de ID como parámetro href. (de hecho, este es uno de los enlaces relativos):
¿Cómo generar enlaces hash y anclas?
Es decir, al compilar una tabla de contenido para el manual a fin de optimizar el código HTML, puede usar fácilmente esta opción liviana. Si coloca solo un signo de almohadilla como URL, sin el nombre del identificador, desde el lugar donde se encuentra dicho enlace, la página se desplazará hasta la parte superior:
Hasta
En realidad, esta es la opción más sencilla, que nuevamente sirve como una ventaja adicional de usabilidad de los recursos, ya que facilita la vida a sus visitantes. Puede utilizar una imagen atractiva como ancla para crear un botón.
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 un aspecto u otro, lo mismo ocurre con los hipervínculos. Por ejemplo, siguiendo un hipervínculo a otra página web y luego regresando, el usuario verá que el hipervínculo ha cambiado de color.
Si necesita repetir tales acciones más de una vez, podrá determinar rápidamente en qué enlaces ya hizo clic y en cuáles no. Esta opción está incluida en casi todos los navegadores. No es necesario explicar qué tan conveniente es y cuánto tiempo ahorra.
De forma predeterminada y sin utilizar hipervínculos CSS resaltado con subrayado y tres opciones de color, cada uno de los cuales tiene su propio atributo para:
- enlace: establece el color del hipervínculo en la página web (azul por defecto, indicado por # 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 (violeta, # 800080).
¿Cómo reemplaza los colores de los enlaces que muestran los navegadores para su sitio? Bueno, para un sitio HTML simple donde las páginas se forman manualmente (y creo que prácticamente no hay recursos completamente funcionales de este tipo en las realidades modernas, a excepción de diarios simples y páginas de destino), solo necesita encontrar la etiqueta de apertura
y prescribir los parámetros necesarios para ello (por cierto, puede usar su nombre para designar un color), por ejemplo:
Si ha instalado un sistema de administración de contenido () para administrar su recurso web, entonces, independientemente del tipo de motor que esté utilizando, debe abrir para editar el archivo responsable de la salida del encabezado (encabezado), donde la apertura la etiqueta está presente
.Si su recurso se ejecuta bajo el control de WordPress, entonces, para la implementación práctica de esta idea, puede usarlo como una herramienta para insertar automáticamente una imagen dentro de un hipervínculo, donde primero seleccione de la biblioteca o cargue la imagen deseada e insértela en el texto:
Luego seleccione el código de imagen recibido y presione el botón "enlace" del editor, después de lo cual pegue el hipervínculo copiado necesario en la ventana que aparece:
Hoy hablaremos de las principales funciones relacionadas con pseudo clase : objetivo y cómo puede usarlo para crear impresionantes efectos CSS puros, aprender a crear presentaciones de diapositivas usando CSS y mucho más.
¿Qué es: target?
h1 (fuente: negrita 30px / 1.5 "Helvetica Neue", Arial, Helvetica, Ginebra, sans-serif;) h1: target (tamaño de fuente: 50px; decoración de texto: subrayado; color: # 37aee4;)
Agregar animación
Animemos nuestro efecto y agreguemos algo de animación, como una pequeña transición para cambiar el color. Vea como funciona.
h1 (fuente: negrita 30px / 1.5 "Helvetica Neue", Arial, Helvetica, Ginebra, sans-serif; -webkit-transición: color 0.5s facilidad; -moz-transición: color 0.5s facilidad; -o-transición: color 0.5 s facilidad; -ms-transición: color 0.5s facilidad; transición: color 0.5s facilidad;) h1: objetivo (tamaño de fuente: 50px; decoración de texto: subrayado; color: # 37aee4;)
Gestión de objetos no objetivo
Digamos que queremos cambiar los estilos del párrafo que sigue al encabezado seleccionado.
Esto es muy fácil de hacer con el siguiente código. Ver demostración.
h1: objetivo + p (fondo: # f7f7f7; relleno: 10px;)
Crear una presentación de diapositivas simple con CSS
Los desarrolladores han creado toneladas de aplicaciones que utilizan pseudo-clase : objetivo... Este pseudo selector puede resultar útil al crear pestañas o incluso presentaciones de diapositivas. Veamos cómo puede implementar este último.
Pues creemos una lista desordenada. Cada elemento de la lista contendrá una etiqueta de anclaje que apunta al ID del fragmento y una imagen con el ID correspondiente.
- Uno
- Dos
- Tres
- Cuatro
- Cinco
Ahora agreguemos nuestros estilos:
* (margen: 0px; relleno: 0px;) # presentación de diapositivas (margen: 50px automático; posición: relativa; ancho: 400px;) ul (estilo de lista: ninguno;) li (flotador: izquierda; desbordamiento: oculto; margen: 0 20px 0 0;) li a (color: # 222; texto-decoración: ninguno; fuente: 15px / 1 Helvetica, sans-serif; -webkit-transición: color 0.5s facilidad; -moz-transición: color 0.5s facilidad; -o-transición: facilidad de color 0.5s; -ms-transición: facilidad de color 0.5s; transición: facilidad de color 0.5s;) li a: hover (color: # 50b0df;) li img (posición: absoluta; superior: 50px; izquierda: 0; índice z: -1; -webkit-transición: opacidad 1s facilidad de entrada-salida; -moz-transición: opacidad 1s facilidad de entrada-salida; -o-transición: opacidad 1s facilidad de entrada-salida; -ms-transición: opacidad 1s entrada-salida fácil; transición: opacidad 1s entrada-salida fácil;) li img: objetivo (índice z: 1;) li img: no (: objetivo) (opacidad: 0;)
Primero agreguemos flotador izquierdo todos los elementos de nuestra lista. Usamos posicionamiento absoluto y relativo para los elementos.
A continuación, instale índice z: -1 para todas las imágenes y luego configurar índice z: 1 para imágenes de destino. Esto hará que la imagen cambie cuando haga clic en el elemento de la lista. Para suavizar la transición, estableceremos el valor de opacidad para otras imágenes. 0 .
Vea una demostración de presentación de diapositivas de CSS puro.
Compatibilidad entre navegadores
Pseudoclase : objetivo es un selector de CSS de nivel 3, lo que significa que es compatible con casi cualquier navegador excepto (no adivinará) ... IE. El buen burro solo admite selectores CSS3 en las versiones 9 y 10.
Al igual que con cualquier problema de representación del selector CSS3 en IE, esto es bastante fácil de solucionar con Selectivizr.
Gracias a este complemento y la magia vudú, los selectores CSS3 necesarios serán compatibles incluso en IE6.
Conclusión
El uso de pseudoclases puede parecer abrumador al principio, pero ¿por qué comprende cómo pueden facilitar su trabajo y hacer que su sitio sea más interesante? Pseudo selector
: objetivo es un buen ejemplo. Solo asegúrate de no exagerar con los estilos.
Otro caso de uso interesante : objetivo
Para ir al fragmento seleccionado del documento, se escribe el símbolo # en la dirección y se indica el nombre del identificador. Por ejemplo, en la dirección http://www.w3.org/TR/css3-selectors/#target-pseudo hay una transición al elemento, cuyo atributo id se establece como target-pseudo. Este registro de dirección se denomina "elemento de destino". La pseudoclase: target se aplica al elemento de destino, en otras palabras, al identificador que se especifica en la barra de direcciones del navegador.
Designaciones
| Descripción | Ejemplo | |
|---|---|---|
| <тип> | Indica el tipo de valor. | <размер> |
| A && B | Los valores deben mostrarse en el orden indicado. | <размер> && <цвет> |
| A | B | Indica que solo se debe seleccionar uno de los valores sugeridos (A o B). | normal | letras minúsculas |
| A || B | Cada valor se puede utilizar solo o junto con otros en cualquier orden. | ancho || contar |
| Valores de grupos. | [cultivo || Cruz] | |
| * | Repita cero o más veces. | [,<время>]* |
| + | Repita una o más veces. | <число>+ |
| ? | El tipo, palabra o grupo especificado es opcional. | ¿recuadro? |
| (A, B) | Repita al menos A, pero no más de B veces. | <радиус>{1,4} |
| # | Repita una o más veces, separadas por comas. | <время># |
Ejemplo
- Historia 1
- Historia 2
Historia 1
La historia de cómo era necesario hacer una tumba, comenzaron a cavarla y luego a enterrarla, y qué salió de ella.
Historia 2
La historia de cómo aparecieron unas misteriosas huellas rosas con seis dedos cerca del comedor, y por qué sucedió esto.
En este ejemplo, el elemento de destino se resalta con un color de fondo.
Nota
En Safari anterior a 3.0, las reglas de estilo no se aplican si el usuario usa la navegación del navegador (botones Atrás y Adelante).
Especificación
Cada especificación pasa por varias etapas de aprobación.
- Recomendación: esta especificación ha sido aprobada por el W3C y recomendada como estándar.
- Recomendación candidata ( Posible recomendación) - el grupo responsable del estándar está satisfecho de que está en línea con sus objetivos, pero se requiere la ayuda de la comunidad de desarrolladores para implementar el estándar.
- Recomendación propuesta ( Recomendación sugerida) - En este punto, el documento se envía al Consejo Asesor del W3C para su aprobación final.
- Borrador de trabajo: una versión más madura del borrador después de la discusión y las enmiendas para la revisión de la comunidad.
- Borrador del editor ( Borrador editorial): una versión preliminar del estándar después de la edición por parte de los editores del proyecto.
- Borrador ( Proyecto de especificación) es el primer borrador de la norma.
Navegadores
Las siguientes convenciones se utilizan en la tabla del navegador.