10 grandes cosas que pueden hacer las etiquetas HTML
actualmente hay un Un total de 142 elementos HTML estandarizados por W3C, excepto los que se encuentran en las primeras etapas de estandarización y los que están obsoletos. Sin embargo, es posible perder u olvidar algunas de estas cosas que son útiles cuando se necesitan.
Hemos revisado algunos de los mejores trucos de CSS que quizás te hayas perdido anteriormente. Esta publicación le recordará algunas etiquetas HTML que no sabía que podía usar para implementar funciones, como:
15 hermosos efectos de texto creados con CSS
Un texto o una tipografía hermosos harán que sus diseños se vean atractivos. En el diseño web, CSS ayuda a diseñar ... Lee mas
1. Imagen del mapa
HTML <map>
Los elementos se pueden utilizar para crear mapas de imágenes. mapa de imagen Básicamente, una imagen con un área de clic que se puede vincular a un hipervínculo a otra página web u otra parte del mismo documento. Puede especificar en qué áreas de la imagen se puede hacer clic simplemente especificando las coordenadas XY correspondientes de esos puntos <area>
elementos incrustados en el interior <map>
.
notas: Las áreas en las que se puede hacer clic no se pueden estilizar con CSS, por lo que si desea diseñar estas etiquetas, use un software de edición de imágenes simple para dibujar las etiquetas.
propina: Si desea conocer las coordenadas de un punto en la imagen, abra la imagen en el software de edición de imágenes y mueva el cursor al punto y debería poder ver sus coordenadas en el software. Para GIMP aparece en el lado izquierdo de la barra inferior.
2. Introduzca sugerencias
usar <datalist>
Proporciona una lista de sugerencias relacionadas que aparecen a medida que ingresa un valor de entrada.
3. Resaltar texto
El texto resaltado suele tener un color de texto oscuro y un fondo claro. Puede lograr un efecto de texto pronunciado usando solo marcadores <mark>
tendrá este efecto.
puedes personalizar resaltar color y background-color
propiedades CSS <mark>
y color de texto y color
Propiedad.
4. Definir la plantilla
Con nuevo HTML5 <template>
elemento.Este <template>
El elemento contiene una etiqueta que el navegador no muestra en él, la etiqueta que contiene se usará para Genera contenido dinámico en la pagina Usar JavaScript.
Por ejemplo, suponga que tiene un <table>
Si desea agregar filas dinámicamente, simplemente puede colocar el marcador de fila en blanco en la tabla en <template>
y cuando sea necesario, llame a una función de JavaScript que contenga el script para copiar la etiqueta de la etiqueta de la plantilla y agregarla a la etiqueta de la tabla. IE no es compatible con esta función.
5. Letra pequeña
La letra pequeña se refiere al texto de un documento, normalmente impreso en un tamaño muy pequeño, que contiene información como condiciones, condiciones, restricciones, referencias, derechos legales, etc. <small>
Las etiquetas HTML se pueden usar para mostrar letra pequeña. Comenzando con HTML5 <small>
La etiqueta no solo mostrará un texto bien elaborado, sino que también definirá semánticamente las mismas cosas que las advertencias y descargos de responsabilidad legales.
6. Establecer una URL principal
Esta <base>
El elemento HTML es útil cuando tiene varios enlaces en su documento con la misma URL de dominio, lo que le permite agregar una URL principal al documento, lo que a su vez le permite agregar solo URL relativas a otros enlaces en la página, si es necesario. .
notas: Todas las URL relativas en la página se enumerarán en función de la URL principal; si tiene enlaces a diferentes dominios, asegúrese de proporcionarles la URL completa.
7. Imágenes receptivas
El desarrollo web receptivo está ganando popularidad a medida que el acceso móvil continúa creciendo. Las imágenes se pueden cambiar usando marcadores para diferentes tamaños de pantalla <picture>
Los elementos HTML5 le permiten agregar diferentes fuentes de imágenes de diferentes medios a las imágenes que contienen.
notas: Actualmente, esto solo funciona en Chrome. Deberá configurarlo. dom.image.picture.enable
ellos llegan true
existe about:config
en Firefox.
8. Herramienta de selección de colores
HTML5 introduce muchos elementos nuevos del tipo de entrada; el elemento de entrada de color es uno de ellos. Le permite seleccionar colores en páginas web usando un selector de color.
9. Opciones de grupo
Si tiene muchas opciones en el menú desplegable y desea agruparlas, entonces <optgroup>
el artículo funcionará. También puede usar CSS para diseñar grupos.
10 <noscript>
elemento
marca dentro <noscript>
El navegador lo muestra solo cuando los scripts están deshabilitados. Esta etiqueta ayuda a los usuarios a saber cuándo los scripts están deshabilitados en sus navegadores y proporciona cualquier mecanismo de respaldo para los componentes de la página que dejarían de funcionar sin JavaScript.
<head> <noscript><link rel="stylesheet" href="https://www.hongkiat.com/blog/cool-useful-html-tags/noscript_fallback.css"></noscript> </head> <body> <noscript><h2>Javascript is disabled in your browser.</h2></noscript> </body>
Deja una respuesta