- Desde
- 8 Abr 2017
- Mensajes
- 831
A muchos que hacemos página web muchas veces se nos escapa completar datos y si bien existen herramientas online para que te indiquen que esta mal son unas simples lineas en CSS podemos verificar los "Alts / Titles / Hrefs" Vacios o sin colocar.
El código es el siguiente:
- Imágenes sin valor en la etiqueta "ALT" se genera un borde de 3 pixeles dotted color rojo.
- Imágenes sin etiqueta "ALT" se genera un borde de 5 pixeles solido rojo.
- Imágenes sin valor en la etiqueta "TITLE" se genera un borde de 3 pixeles dotted fucsia.
- Imágenes sin etiqueta "TITLE" se genera un borde de 5 pixeles solido fucsia.
- Enlaces sin etiqueta "TITLE" se genera un borde de 5 pixeles solido rojo.
- Enlaces sin valor en la etiqueta "TITLE" se genera borde de 3 pixeles dotted rojo.
- Enlaces con valor "#" en etiqueta "HREF" se genera un fondo color lima.
- Enlaces sin valor en etiqueta "HREF" se genera un fondo fucsia.
Verificar como funciona online: https://codepen.io/Baires23web/pen/RwPwNwg
El código es el siguiente:
CSS:
img[alt=""] {border: 3px dotted red;}
img:not([alt]) {border: 5px solid red;}
img[title=""] {outline: 3px dotted fuchsia;}
img:not([title]) {outline: 5px solid fuchsia;}
a[href]:not([title]) {border: 5px solid red;}
a[title=""] {outline: 3px dotted red;}
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
- Imágenes sin valor en la etiqueta "ALT" se genera un borde de 3 pixeles dotted color rojo.
- Imágenes sin etiqueta "ALT" se genera un borde de 5 pixeles solido rojo.
- Imágenes sin valor en la etiqueta "TITLE" se genera un borde de 3 pixeles dotted fucsia.
- Imágenes sin etiqueta "TITLE" se genera un borde de 5 pixeles solido fucsia.
- Enlaces sin etiqueta "TITLE" se genera un borde de 5 pixeles solido rojo.
- Enlaces sin valor en la etiqueta "TITLE" se genera borde de 3 pixeles dotted rojo.
- Enlaces con valor "#" en etiqueta "HREF" se genera un fondo color lima.
- Enlaces sin valor en etiqueta "HREF" se genera un fondo fucsia.
Verificar como funciona online: https://codepen.io/Baires23web/pen/RwPwNwg