5 Etiquetas y atributos HTML geniales y prácticos

De hecho, esta también es una fiesta de título, y no se puede decir que sea un presentación, pero porque soy ignorante y nunca he visto estas etiquetas. Estas características no son muy comunes en los sitios web habituales, por lo que me siento muy fresco. Luego hagamos una serie y grabemos todas las buenas etiquetas HTML que encontré (tal vez son etiquetas HTML5, y no está garantizado que todos los navegadores serán compatibles).

Esta es una nueva etiqueta agregada a HTML5. Puede intentar editar el contenido de una región, como la siguiente tabla: (la tabla en IE no parece admitir esta propiedad, pero el Div y el cuerpo parecen ser compatibles. Si está utilizando IE, intente hacer clic en las secciones de $ 100 y $ 50 para editar. Agregué la etiqueta contenta a estas dos cuadrículas. Si no está IE, entonces todo el contenido debe ser editable)).

<table contenteditable="true"><caption>Monthly savings</caption><tbody><tr><th>Month</th><th>Savings</th></tr><tr><td>January</td><td><div contenteditable="true">$100</div></td><tr><td>February</td><td><div contento = "true"> $ 50 </div> </td> </tbody> </table>

Tenga en cuenta que esta tabla se puede editar directamente. No necesitamos agregar ningún cuadro de texto para cambiar el texto directamente. Además, si no se especifica la submarina, se hereda por defecto, por lo que es muy conveniente. (Por supuesto, si agrega este atributo al cuerpo, todo se puede editar, es terrible ...)

Esta cosa es equivalente a la caja de grupos en .NET, pero al principio no lo sabía. Su función es agrupar elementos relevantes en el formulario:

<fieldset><legend>Index:</legend><ul><li><a href="#">Index of all articles</a></li><li><a href="#">Things sheeple need to wake up for today</a></li><li><a href="#">Sheeple we have managed to wake</a></li></ul></fieldset>

<Form OnInput = "x.Value = parseInt (a.value)+parseInt (b.value)"> 0 <input type = "rango" id = "a" valor = "50"> 100+ <input type = "number" id = "b" valor = "50"> = <name de salida = "x" for = "ab"> </utalut. No es compatible en Internet Explorer. </p> </form>

<p> No olvide comprar <Mark> Milk </sk> hoy. </p>

Consejo: puede modificar algún código primero y luego ejecutarlo

Vamos aquí hoy y luego publíquelo cuando veas buenas etiquetas HTML y efectos especiales.