10 cosas interesantes que pueden hacer las etiquetas HTML
En este momento hay una total de 142 elementos HTML Estandarizado por W3C excluyendo los que se encontraban en las fases iniciales de estandarización y los que quedaron obsoletos. Dicho esto, es posible perder u olvidar algunos de ellos que pueden ser útiles cuando sea necesario.
Anteriormente hicimos un resumen de algunos de los mejores trucos de CSS que podrías haber pasado por alto. Esta publicación le recordará algunas de las etiquetas HTML que no sabía que podría usar para implementar características como:
1. Imágenes del mapa
El HTML Se pueden utilizar elementos para crear mapas de imágenes.. Mapas de imagen básicamente son imágenes con áreas en las que se puede hacer clic en ellas, que se pueden vincular a otra página web u otras partes del mismo documento. Puede definir en qué áreas de una imagen se puede hacer clic simplemente mencionando las coordenadas X Y correspondientes de esos puntos en la
elementos anidados dentro
.
Nota: Las áreas en las que se puede hacer clic no se pueden diseñar a través de CSS, por lo tanto, si desea que esos marcadores tengan un estilo, use un software de edición de imágenes simple para dibujar los marcadores.
Propina: Si desea conocer las coordenadas de un punto en una imagen, abra la imagen en un software de edición de imágenes y mueva el cursor hasta ese punto, debe poder ver las coordenadas en el software mismo. Para GIMP se muestra en el lado izquierdo de la barra inferior.
2. sugerencias de entrada
Utilizar para proporcionar una lista de sugerencias relevantes que aparecen al escribir un valor de entrada.
3. Resaltar texto
El texto resaltado generalmente tiene un color de texto oscuro con un fondo claro. Puede lograr ese efecto de texto resaltado con solo marcado. Cualquier texto incluido dentro del tendrá ese efecto.
Puedes personalizar el color de resaltado con el color de fondo
Propiedad CSS de y el color de texto con el
color
propiedad.
4. Definir plantillas
Junto con HTML5 vino el nuevo elemento. los
El elemento contiene un marcado en su interior que no está representado por los navegadores, el marcado incluido por él debe usarse para generar contenidos dinámicos en la pagina usando JavaScript.
Por ejemplo, supongamos que usted tiene una La letra pequeña se refiere al texto del documento que normalmente se imprime en un tamaño muy pequeño que contiene información como condiciones, términos, restricciones, citas, derechos legales, etc. los Nota: Todas las URL relativas en la página serán referidas en base a la URL base, si tiene algún enlace con un dominio diferente, no se olvide de asignarle la URL completa. El desarrollo web sensible está en boga con un acceso móvil cada vez mayor. Las imágenes se pueden alternar para diferentes tamaños de pantalla con marcado. los Nota: Esto funciona actualmente solo en Chrome. Tendrás que configurar HTML5 introdujo muchos nuevos elementos de tipo de entrada; El elemento de entrada de color es uno de ellos. Te permite elegir un color en una página web con la ayuda de un selector de color. Si tiene muchas opciones en una lista desplegable y desea mostrarlas agrupadas, el El marcado en el interior. donde las filas se agreguen dinámicamente, simplemente puede colocar el marcado de una fila vacía de esa tabla dentro de la
y cuando sea necesario, llame a una función de JavaScript que contenga un script para copiar el marcado desde dentro de las etiquetas de la plantilla y agregarlo al marcado de la tabla. Esto no es compatible con IE.
5. letra pequeña
La etiqueta en HTML se puede utilizar para mostrar impresiones finas. Desde HTML5 en adelante el
La etiqueta no solo muestra un texto con estilo de letra pequeña, sino que también define semánticamente lo mismo que las advertencias legales y las advertencias..
6. Asignar una URL base
El elemento HTML es muy útil cuando tiene varios enlaces en su documento con las mismas URL de dominio, le permite agregar una URL base al documento que a su vez le permite agregar solo direcciones URL relativas a otros enlaces en la página según sea necesario.7. Imágenes responsivas
El elemento HTML5 le permite agregar varias fuentes de imagen para diferentes medios para la imagen que contiene..
dom.image.picture.enable
a cierto
en acerca de: config
en Firefox.8. Selector de color
9. Opciones de grupo
Elemento hará el trabajo. También puedes estilizar los grupos con CSS..
10. El
elemento
es procesado por el navegador solo cuando el script está deshabilitado. Esta etiqueta es útil para que los usuarios sepan cuándo el script está deshabilitado en su navegador y para proporcionar cualquier mecanismo alternativo alternativo para los componentes en las páginas web que dejarán de funcionar sin JavaScript.
Ahora lea: 15 trucos CSS útiles que podría haber pasado por alto