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

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>
 

Lea ahora: 15 trucos útiles de CSS que puede ignorar

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

https://cdn.megakontraktor.co.id/

Situs Bandar

Situs Togel Terpercaya

Togel Online Hadiah 4D 10 Juta

Bandar Togel

Togel Online