Semántico
La semántica se refiere a la estructuración del contenido de texto (semántica de contenido) y la selección de etiquetas semánticas (semántica de código), lo que es conveniente para que los desarrolladores lean, mantengan y escriban código más elegante, al tiempo que permiten rastreadores de navegador y asistencia para un mejor análisis de la tecnología.
1. El papel de la semántica
En términos sencillos, la semántica es procesar datos e información para que las máquinas puedan entenderlos.
Los documentos HTML semánticos (X) ayudan a mejorar la usabilidad de su sitio web para los visitantes, como el uso de PDA, navegadores de texto y personas con discapacidad. Para los motores de búsqueda o el software de rastreo, les ayuda a crear índices y puede darles un mayor peso.
De hecho, uno de los métodos más efectivos para SEO es reconstruir la estructura HTML de las páginas web, que es esencialmente semántica.
2. Por qué prestar atención a la semántica
- Accesibilidad: Ayude a las tecnologías de asistencia a leer y traducir mejor sus páginas web, como varios programas de lectura de páginas web;
- Recuperación: con una buena estructura y semántica, puede mejorar el rastreo eficaz de los motores de búsqueda y aumentar el tráfico del sitio web;
- Internacionalización: solo el 13% de la población mundial son hablantes nativos de inglés, por lo que las etiquetas semánticas universales pueden facilitar que los desarrolladores de varios países comprendan la estructura de sus páginas web;
- Interoperabilidad: reduzca las diferencias entre las páginas web, ayude a otros desarrolladores a comprender la estructura de sus páginas web y facilite el desarrollo y el mantenimiento posteriores;
3. Etiquetas semánticas de uso común
- h1 ~ h6: La etiqueta del título tiene la función de negrita y agrandamiento, pero si es solo para resaltar el efecto, use "CSS font-weight font-size"
- i: Indica que un fragmento de texto ordinario es diferente del texto normal por alguna razón, como términos profesionales, frases en idiomas extranjeros o texto tipográfico, que generalmente se expresa en cursiva, y su apariencia no cambiará la semántica;
- b significa negrita en estilo; contiene texto y no tiene el efecto de enfatizar la importancia, ni afecta la voz y el tono. Solo hace que el texto incluido sea especial del estilo;
palabras clave de término común, disponibles en el software La frase ejecutiva o la introducción de un artículo, el nombre del producto / función en el manual, etc .; - Medios fuertes para enfatizar la importancia del contenido, que tiene la intención de transmitir la importancia (necesidad de ser visto lo antes posible), seriedad o urgencia del contenido;
4. Etiquetas semánticas H5
Antes de que saliera HTML5, estábamos acostumbrados a usar div para representar los capítulos o diferentes módulos de la página, pero div` en sí no tenía semántica. Pero ahora, se han agregado algunas etiquetas semánticas a HTML5 para expresar la estructura del documento con mayor claridad.
5. Sensación
Después de aprender el contenido semántico, resolví el problema que no entendía antes. Nunca entendí por qué una función en negrita tiene dos etiquetas "b" y "fuerte", y la respuesta que obtuve al buscar en el tutorial para novatos es tono No puedo entender cuán diferente se puede ver el tono en la página web, y no agregó símbolos fonéticos. Después de estudiar, me di cuenta de que estaba relacionado con el software de voz y el motor de búsqueda.