Breve descripción de las etiquetas nuevas y derogadas para HTML5

Representa un bloque de contenido en la página, como un capítulo, encabezado, pie de página u otras partes de la página. Se puede usar en combinación con elementos como H1, H2, etc. para representar la estructura del documento. Ejemplo: <section>… </section> en html5; <Div>… </div> en html4.

Indica una pieza de contenido independiente en la página que no está relacionado con el contexto. Por ejemplo, un artículo.

Representa la información auxiliar que no sea el contenido del elemento del artículo y relacionado con el contenido del elemento del artículo.

Representa el título de un bloque de contenido o página real en la página.

Indica combinar los títulos de una página real o un bloque de contenido en una página.

Una nota al pie que representa una página completa o un bloque de contenido en la página. En términos generales, incluirá el nombre del creador, la fecha de creación y la información de contacto del creador.

Representa la parte del enlace de navegación en la página.

Representa un contenido de transmisión independiente, que generalmente representa una unidad independiente en el contenido de transmisión del cuerpo del documento. Use el elemento FigCaption para agregar un título al grupo de elementos de figura. Por ejemplo:

<figura>

<figCaption> PRC </figCaption>

<p> La República Popular de China nació en 1949 </p>

</figura>

Comúnmente escrito en html4

<dl>

<h1> prc </h1>

<p> La República Popular de China nació en 1949 </p>

</dl>

Elemento de video

Defina el video. Como clips de películas u otras transmisiones de video. Ejemplo: <video src = Movie.ogg Controls = Controls> Elemento de video </video>

Cómo escribir en html4:

<Object type = video/ogg data = Move.ogv>

<param name = src value = película.ogv>

</objeto>

Definir audio. Como música u otras transmisiones de audio. Ejemplo: <audio src = someaudio.wav> Audio Element </ audio>

Cómo escribir en html4:

<Object type = "Application/Ogg" data = "someaudio.wav">

<param name = "src" value = "someaudio.wav">

</objeto>

Utilizado para incrustar contenido (incluidos varios medios). Los formatos pueden ser MIDI, WAV, AIFF, AU, MP3, Flash, etc. Ejemplo: <Incorporar src = flash.swf />

Ejemplo de código en html4 <objeto data = flash.swf type = Application/X-Shockwave-Flash> <ject>

Se utiliza principalmente para presentar visualmente al usuario que debe resaltar o resaltar. Las palabras clave de búsqueda se destacan en los resultados típicos de búsqueda de aplicaciones.

Html5 <Mark> </mark>; html4 <span> </span>.

Representa un proceso de ejecución. Puede usar el elemento de progreso para mostrar procesos que consumen funciones que requieren mucho tiempo en JavaScript. Esperando ..., por favor espere más tarde. <GRESSGER> </progreso>.

Indica una fecha o hora, y también puede ser al mismo tiempo.

Defina los comentarios de Ruby (pronunciación china o caracteres).

Use con <Ruby> y <rt> etiquetas. El elemento Ruby consta de uno o más caracteres (requiere una explicación/pronunciación) y un elemento RT que proporciona esa información, y también incluye un elemento RP opcional que define lo que se muestra cuando el navegador no admite el elemento Ruby.

<Ruby>

<rt> <rp> (</rp> ㄏㄢ <rp>) </rp> </rt>

</ruby>

Define la interpretación o pronunciación de caracteres (pronunciaciones o caracteres chinos).

Utilizado en comentarios de Ruby para definir lo que se muestra en los navegadores que no admiten elementos de rubí.

Indica roturas de línea blanda. Diferencia del elemento BR: el elemento BR significa que los descansos de línea deben abrirse aquí; WBR significa que cuando la ventana del navegador o el elemento principal tiene un arco amplio (cuando no hay necesidad de abrir), no hay ruptura de línea, y cuando el ancho no es suficiente, envuelve activamente la línea se rompe aquí.

Defina gráficos, como gráficos y otras imágenes. El elemento <Canvas> es solo un contenedor gráfico (lienzo) y debe dibujarse usando un script.

<Canvas id = "mycanvas"> </Canvas> <script type = "text/javascript">

var lienvas = document.getElementById ('mycanvas');

var ctx = canvas.getContext ('2d');

ctx.fillstyle = '#ff0000';

ctx.fillrect (0,0,80,100);

</script>

Representa un botón de comando, como un botón de radio, una casilla de verificación o un botón.

El elemento de comando es visible solo si está dentro del elemento de menú. De lo contrario, este elemento no se mostrará, pero puede usarlo para especificar los atajos de teclado. .

<Menú>

<Command OnClick = "Alert ('Hello World')">

¡Haz clic en mí! </Comando>

</menú>

Utilizado para describir los detalles de un documento o parte de un documento.

Se puede usar con la etiqueta de resumen, que define el título para más detalles. El título es visible y los detalles se mostrarán cuando el usuario haga clic en el título. El resumen debe ser el primer elemento infantil de los detalles.

Defina la lista de opciones. Utilice este elemento junto con el elemento de entrada para definir posibles valores de entrada. El DataList y sus opciones no se mostrarán, es solo una lista legal de valores de entrada. Use el atributo de lista del elemento de entrada para unir al dataList.

<input id = "mycar" list = "cars" />

<dataList id = "autos">

<opción valor = "BMW">

<opción valor = "ford">

<opción valor = "volvo">

</shalist>

Define una lista de datos opcionales. DataGrid se muestra como una lista de árboles.

Si el atributo múltiple se establece en True, puede seleccionar más de un elemento en la lista.

La etiqueta especifica el campo Generador de pares de teclas utilizado para el formulario.

Al enviar el formulario, la clave privada se almacena localmente y la clave pública se envía al servidor.

<form de acción = "demo_keygen.asp" método = "get">

Nombre de usuario: <input type = "text" name = "usr_name" />

Cifrado: <keyGen name = "Security" />

<input type = "enviar" />

</form>

Definir diferentes tipos de salida, como la salida de un script.

<form de acción = "form_action.asp" método = "get" name = "sumform">

<Output Name = "Sum"> </output>

</form>

Las etiquetas definen los recursos de los medios para elementos de los medios (como <RODEAR> y <Audio>).

Defina la lista de menú. Use esta etiqueta cuando desee enumerar los controles de formulario. Tenga en cuenta la diferencia de NAV, el menú se usa específicamente para los controles de formulario.

<Menú>

<li> <input type = "Checkbox" /> Red </li>

<li> <input type = "checkbox" /> azul </li>

</menú>

Se debe ingresar la URL de correo electrónico

Debe ingresar el número de URL

Se debe ingresar el rango de valor

Se debe ingresar el valor dentro de un cierto rango. Recolectores de fecha (selector de fechas)

Nuevos tipos de entrada con múltiples fechas y tiempos disponibles:

Fecha - Seleccionar día, mes, año

Mes - Seleccionar mes y año

Semana - Seleccione Semana y Año

Tiempo - Seleccione Tiempo (horas y minutos)

DateTime - Seleccionar hora, día, mes, año (hora de UTC)

DateTime -Local - Seleccionar hora, día, mes, año (hora local) Búsqueda

Utilizado para buscar dominios, el dominio se muestra como un dominio de texto regular. color

1. elementos que pueden ser reemplazados por CSS

Basefont, Big, Center, Font, S, Strike, TT, U. Estos elementos son puramente para la pantalla de imágenes. HTML5 aboga por la edición unificada de las funciones de visualización de imágenes en CSS.

2. Ya no usa marcos de cuadros.

Frameset, marco, noframes. El marco no se admite en HTML5, solo admite el marco de iframe o usa un formulario que se ajusta a la página compuesta de múltiples páginas creadas por el servidor y elimina las tres etiquetas anteriores.

3. Solo algunos elementos compatibles con los navegadores

Applet, BgSound, Blink, Marquee y otras etiquetas.

4. Otros elementos abolidos

Abolir RB y reemplazar a Shuyong Ruby.

Abolir el acrónimo utilizando la sustitución de ABBR.

Abolir Dir para usar la sustitución de UL.

Abolir isindex para reemplazarlo combinando forma e entrada

Abolir el listado utilizando el premituctor

Abolir XMP usando el código en su lugar

Abolir el uso de GUID de Nextid

Abolir la demanda de demanda para usar la sustitución del tipo de mime de texto (cuerpo sin formato).

============================================================================================================

Mirando tantas etiquetas y elementos nuevos, me pregunto si HTML5 está realmente aquí. La abrumadora información y tutoriales relevantes, el anuncio de apoyo para HTML5 por todos los fabricantes de HTML5, CSS3 y los principales navegadores, me hace sentir que la era HTML5 realmente está llegando. Entonces, ¿puedo usarlo con confianza en mi proyecto? Aún no. Aunque IE9 ha afirmado que apoya HTML5, IE8 no lo admite en absoluto. Todavía hay una gran cantidad de personas sentadas frente al teléfono Bensi Master en 2006 y 2007, utilizando el sistema XP e instalando IE8 para rastrear Internet; También hay algunos viejos y hermanas que compraron los teléfonos nuevos en los que hicieron clic en el genuino Win7 y lo reemplazaron con D Versión XP. Aunque ahora con HTML5SHIV, IE8 puede admitir algunas etiquetas HTML nuevas en capacidad limitada, y solo unas pocas etiquetas nuevas. Puedo elegir qué nueva tecnología usar, pero no puedo preguntar qué navegador debe instalar el usuario de su producto. De hecho, no es necesario hacer nuevas tecnologías. Es bueno ser adecuado. Creo que algunas cosas escritas en ASP.NET2 son tan poderosas como la función; Al igual que la teoría del gato del abuelo Deng, funciona.