10 cosas interesantes que las etiquetas HTML pueden hacer
Por el momento hay un total de 142 elementos HTML estandarizados por el W3C, excluyendo los que están en las fases iniciales de estandarización y los que se volvieron obsoletos. Dicho esto, es posible omitir 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 quizás haya pasado por alto. Esta publicación le recordará algunas de las etiquetas HTML que no sabía que podría usar para implementar funciones como:
1. Imágenes del mapa
El HTML
Nota: Las áreas en las que se puede hacer clic no se pueden diseñar a través de CSS, por lo que, si desea diseñar esos marcadores, utilice un software simple de edición de imágenes para dibujar los marcadores.
Consejo: 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 a ese punto, debería poder ver las coordenadas de ese punto en el software mismo. Para GIMP, se muestra en el lado izquierdo de la barra inferior.
2. Sugerencias de entrada
Utilizar
3. Resalta el texto
El texto resaltado generalmente tiene un color de texto oscuro con un fondo claro. Puede lograr ese efecto de texto resaltado solo con marcado. Cualquier texto incluido dentro del tendrá ese efecto.
Puede personalizar el color de resaltado con la propiedad CSS de background-color de y el color del texto con la propiedad de color .
4. Definir plantillas
Junto con HTML5 vino el nuevo elemento. los el elemento contiene un marcado dentro de él que no es renderizado por los navegadores, el marcado incluido en él debe ser utilizado para generar contenidos dinámicos en la página usando JavaScript .
Por ejemplo, supongamos que tiene un
donde las filas se van a agregar dinámicamente, puede simplemente poner el marcado de una fila vacía de esa tabla dentro del etiquetar y, cuando sea necesario, invocar una función de JavaScript que contenga un script para copiar el marcado desde dentro de las etiquetas de plantilla y agregarlo al marcado de la tabla. Esto no es compatible con IE.
5. Impresión fina
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. La etiqueta en HTML se puede usar para mostrar impresiones finas. A partir de HTML5, la etiqueta no solo muestra un texto con un diseño de letra pequeña, sino que también define semánticamente lo mismo que las exenciones de responsabilidad y las advertencias legales.
6. Asignar una URL base
los El elemento HTML es bastante útil cuando tiene múltiples 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 URL relativas a otros enlaces en la página, según sea necesario.
Nota: Todas las URL relativas de la página serán referidas en base a la URL base, si tiene algún enlace con un dominio diferente, no olvide asignarle la URL completa.
7. Imágenes receptivas
El desarrollo web receptivo está en boga con el acceso móvil cada vez mayor. Las imágenes se pueden cambiar para diferentes tamaños de pantalla con marcado. los El elemento HTML5 le permite agregar varias fuentes de imágenes para diferentes medios para la imagen que contiene.
Nota: Esto actualmente solo funciona en Chrome. Deberá establecer dom.image.picture.enable en true en about:config en Firefox.
8. Selector de color
HTML5 introdujo muchos nuevos elementos de tipo de entrada; el elemento de entrada de color es uno de ellos. Le permite elegir un color en una página web con la ayuda de un selector de color.
9. Opciones grupales
Si tiene muchas opciones en una lista desplegable y le gustaría mostrarlas agrupadas,
10. El
El marcado dentro
Ahora lea: 15 trucos útiles de CSS que podría haber pasado por alto
Atrás han quedado los días cuando "weblog" o "blog" para abreviar era básicamente un término elegante para "diario en línea". Hoy en día, sería muy difícil encontrar una gran corporación o pequeña empresa que no tenga un blog con fines promocionales y de participación .Esta tende
Anclar su dispositivo Android puede no ser una molestia en el futuro cercano ya que Google ha lanzado una nueva característica llamada "Instant Tethering" con la versión 10.2 de Google Play Services.Disponible solo para dispositivos Pixel y Nexus que se ejecutan en Android Nougat 7.1.1, habilitar la función Instant Tethering hará que todos los dispositivos que estén registrados en su cuenta de Google le soliciten automáticamente si desea conectar un dispositivo que no tiene conexión a Internet con otro que está conectado a internet Además, la solicitud de conexión a la conexión tambié
es.hideout-lastation.com
