Este artículo presenta principalmente la información relevante sobre la diferencia entre HTML5 y HTML tradicional, que son las notas de estudio HTML5. Los amigos que lo necesitan pueden referirse al siguiente. Cambios en la sintaxis HTML5
Los cambios mencionados en este punto de conocimiento se refieren a los cambios definidos en HTML4, principalmente como sigue:
1. El carácter de extensión de archivo (.html o .htm) de HTML5 permanece sin cambios del tipo de contenido (texto/html).
2. En HTML5, si no usa deliberadamente la declaración de versión, se aplicará un documento a todas las versiones de HTML.
3. A partir de HTML5, se recomienda usar UTF-8 para la codificación de caracteres de archivos.
4. HTML5 asegura la máxima compatibilidad con versiones HTML anteriores.
Para garantizar la compatibilidad, debemos comenzar con los elementos. En HTML5, la etiqueta del elemento se puede omitir. En términos de su naturaleza, las marcas de los elementos se dividen en tres tipos: no se permite escribir una marca final, se puede omitir la marca final y se puede omitir la marca de inicio y la marca final.
• Los elementos que no pueden escribir marcas finales son: área, base, BR, Col ......
• Etiquetas finales: Li, DT, DD, P, RT ...
• La marca de inicio y la marca final se pueden omitir: html, cabeza, cuerpo ...
2. Nuevos elementos estructurales• El elemento de sección 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;
• El elemento del artículo representa una pieza de contenido independiente en la página que no está relacionado con el contexto, como un artículo en un blog o un artículo en un periódico;
• El elemento aparte representa la información auxiliar relacionada con el contenido del elemento del artículo fuera del contenido del elemento del artículo;
• El elemento encabezado representa el título de un bloque de contenido o la página completa de la página;
• Los elementos HGROUP se utilizan para combinar el título de una página completa o un bloque de contenido en la página;
• El elemento de pie de página representa una nota al pie de página a una página completa o un bloque de contenido en la página. En términos generales, contendrá el nombre del creador, la fecha de creación y la información de contacto del creador;
• El elemento NAV representa la parte del enlace de navegación en la página;
• El elemento de figura representa una sección independiente del contenido de la secuencia, generalmente representa una unidad independiente en el contenido de flujo del cuerpo del documento. Use el elemento FigCaption para agregar un título al grupo de elementos de figura.
2. Otros elementos nuevos• El elemento de audio define audio, como música u otras transmisiones de audio;
• Los elementos de incrustación se utilizan para insertar varios multimedia, y los formatos pueden ser MIDI, WAV, AU, MP3, etc.;
• El elemento Mark debe usarse para presentar un texto visualmente que debe resaltar o resaltar al usuario. Una aplicación típica es resaltar las palabras clave de búsqueda al usuario en los resultados de búsqueda;
• El elemento de progreso representa un proceso de ejecución
• El elemento Ruby representa la anotación de Ruby (pronunciación china o caracteres)
• El elemento RT representa la interpretación o pronunciación de los caracteres (pronunciación o carácter chino)
• El elemento RP se usa en comentarios de Ruby para definir lo que se muestra en los navegadores que no admiten elementos de rubí.
• El elemento WBR representa descansos de línea suave, y cuando el ancho no es suficiente, realice rupturas de línea activamente aquí.
• Los elementos de lona representan gráficos, como gráficos y otras imágenes
• El elemento Cammand representa un botón de comando, como un botón de radio, una casilla de verificación o un botón
• El elemento de detalles representa los detalles que el usuario solicita y puede obtener.
• El elemento DataGrid representa una lista de datos opcionales, que se muestra en forma de una lista de árboles
• El elemento keygen indica la generación de la clave
• El elemento de salida representa diferentes tipos de salida, como la salida de un script
• El elemento fuente define un recurso mediático para elementos de medios (como <Dound> y <Audio>)
• El elemento de menú representa la lista de menú
3. Nuevos elementos de entrada• El tipo de correo electrónico indica el cuadro de entrada de texto donde se debe ingresar la dirección del genio electrónico
• El tipo de URL indica el cuadro de entrada de texto que debe ingresarse en la dirección de URL
• El tipo de número indica el cuadro de entrada de texto que debe ingresarse
• El tipo de rango indica que el cuadro de entrada de texto que debe ingresarse dentro de un cierto rango de valores numéricos.
HTML5 tiene varios cuadros de texto de entrada nuevos para seleccionar fechas y horarios:
• Fecha de selección del día, mes y año
• Mes: seleccionar mes y año
• Semana: Seleccione Semana y Año
• Tiempo: seleccione tiempo (horas y minutos)
• DateTime - Seleccione Tiempo, Día, Mes, Año (Hora de UTC)
• DateTime.local -Seleccionar hora, día, mes, año (hora local)
3. Abolir los elementos1. Elementos que pueden ser reemplazados por CSS
• Para elementos como Basefont, Big, Center, Font, S, Strike, TT y U, ya que sus funciones se usan puramente para mostrar pantallas, y HTML5 aboga por la edición unificada de las funciones de pantalla de pantalla en las láminas de estilo CSS, por lo que estos elementos son abolidos.
2. Ya no usa marcos de cuadros• Para los elementos de marcos, los elementos de marco y los elementos noframes, dado que el marco del marco tiene un impacto negativo en la disponibilidad de la página web, el marco de marco ya no se admite en HTML5, y solo el marco de iframe es compatible, o la forma de una página compuesta compuesta de múltiples páginas creadas por el servidor se abolió al mismo tiempo.
3. Solo algunos elementos compatibles con los navegadores• For applet, bgsound, blink, marquee and other elements, since only some browsers support these elements, especially bgsound and marquee elements, which are only supported by Internet Explorer, it is abolished in HTML 5. Where the applet element can be replaced by an erned element or an object element, the bgsound element can be replaced by an audio element, and marquee can be replaced by a JavaScript método de programación
4. Otros elementos abolidos:• abolir el elemento RB y usar el elemento Ruby para reemplazarlo
• abolir el elemento acrónimo y usar el elemento ABBR para reemplazarlo
• abolir el elemento Dir y usar el elemento UL para reemplazarlo
• Abolir el elemento ISINDEX y reemplazarlo con el elemento de formulario y el elemento de entrada.
• abolir los elementos de listado y usar los elementos previos para reemplazarlos
• abolir el elemento XMP y usar el elemento de código para reemplazarlo
• abolir los elementos de Nextid y usar GUID en su lugar
• abolir los elementos de texto sin formato y usar el tipo de texto/pliegua de mime para reemplazar
4. Agregar atributos y abolir los atributos1. Agregar atributos
1. Atributos relacionados con la forma
• Se agregó el atributo de enfoque automático, que permite que los elementos ganen automáticamente el enfoque cuando la pantalla se abre especificando atributos;
• El atributo de marcador de posición agregado, que solicitará la entrada del usuario, solicitando al usuario por lo que puede ingresar;
• Agregue un nuevo atributo de formulario, declare a qué forma pertenece y luego colóquelo en cualquier lugar de la página, no dentro del formulario;
• Se agregó un atributo requerido, lo que significa que el usuario verificará al enviarlo. Debe tener contenido de entrada en el elemento al verificar;
2. Atributos relacionados con el enlace• Agregar atributo de medios, que especifica por qué la URL de destino está optimizada por los medios/dispositivo de tipo y solo puede usarse cuando existe el atributo HREF;
• Agregar atributos Hreflang y atributos REL para mantener la consistencia con el elemento A y el elemento de enlace;
3. Otros atributos• Reverendo de atributos, que especifica la lista que se mostrará en orden inverso;
• Agregue un atributo Async al elemento de script, que define si el script se ejecuta de manera asincrónica;
2. Abolir los atributos• Todos los atributos que pueden ser reemplazados por hojas de estilo CSS son abolidos;
• Los atributos superfluos, como: objetivo, perfil, versión, etc., se abolen;
5. Atributos globalesEn HTML5, se agrega un nuevo concepto de '' atributos globales. El llamado atributo global se refiere a atributos que se pueden usar en cualquier elemento.
1. Propiedad contenta• Esta propiedad permite al usuario editar el contenido en el elemento, puede obtener el enfoque del mouse, la propiedad es un valor booleano, puede especificarse como verdadero o falso. Además, esta propiedad también tiene un estado de herencia oculto. Cuando es cierto, la edición está permitida. Cuando se falsa, la edición no está permitida. Cuando no se especifique, Heritit decidirá.
2. Propiedad de Mode de DesignMode• Esta propiedad se utiliza para determinar si toda la página es editable. Hay dos atributos dentro y fuera. Cuando la propiedad está encendida, se puede editar, pero cuando está apagada, no se puede editar.
3. Atributo oculto• Todos los elementos permiten un atributo oculto, que es similar al elemento oculto en el elemento de entrada. Su función es notificar al navegador que no represente el elemento, de modo que el elemento sea invisible. El valor de esta propiedad es un valor booleano. Cuando es cierto, no es visible, y cuando es falso, es visible.
4. Atributo de corrección de hechizos• Esta propiedad es una nueva propiedad proporcionada por HTML 5 para el elemento de entrada (type = text) y TextAREA, que realiza principalmente comprobaciones de ortografía y gramática en el contenido de entrada del usuario. El valor del atributo es un valor booleano. Al escribir, debe declarar claramente que el valor del atributo es verdadero o falso. El método de escritura es el siguiente:
<
Explicación detallada de los atributos de formularioEn HTML4, los elementos subordinados en el formulario deben escribirse dentro del formulario, pero en HTML5, se pueden escribir en cualquier lugar de la página, y luego se da un atributo de formulario al elemento, y el valor del atributo es la ID de la unidad de formulario, para que el elemento pueda declararse subordinado al formulario especificado.
Copiar el código