ERRORES EN VALIDACION HTML, JAVA, CSS SOLUCIONES
En este post revisaremos algunos de
los errores de Validación HTML de nuestro sitio y posibles soluciones Parte 1
Antes de hacer algún cambio, debe asegurarse de que su código HTML esté actualizado y cumpla con los estándares actuales
Error
1: A document must not include both a meta
element with an http-equiv attribute whose value is content-type, and a meta
element with a charset attribute. <meta content="text/html;
charset=UTF-8" http-equiv="Content-Type"><!-- Chrome, Firefox OS and Opera -->
Solucion: Para
solucionar el problema de un documento que incluye un metaelemento con un
atributo http-equiv cuyo valor es el tipo de contenido y un metaelemento con un
atributo charset, debe eliminar uno de los metaelementos. El metaelemento con
el atributo http-equiv cuyo valor es content-type está obsoleto y debe
reemplazarse con un metaelemento que incluya solo el atributo charset12. El
atributo charset especifica la codificación de caracteres utilizada en el
documento y debe establecerse en UTF-8 para documentos HTML5.
Por lo tanto, puede eliminar el
metaelemento con el atributo http-equiv y reemplazarlo con un metaelemento que
incluya solo el atributo charset, así: <meta
charset="UTF-8">. Al hacer esto, puede asegurarse de que su
código HTML esté actualizado y cumpla con los estándares actuales.
<!-- This is the
preferred way -->
<meta charset="UTF-8">
<!-- This is the
older way, also valid -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
Si tienes ambos debes eliminar 1 de
ellos, por lo general se elimina el 2
Error
2: Element meta is missing one or more
required attributes. Missing
itempropproperty <meta content='https://yoursite.com'/>
Solucion: Para solucionar el problema
del metaelemento al que le falta el atributo itemproperty requerido, debe
agregar el atributo faltante al metaelemento. El atributo itemproperty se
utiliza para especificar el nombre de la propiedad que describe el atributo
content1.
Por
tanto, el código corregido quedaría así: <meta itemprop="name"
content='https://yoursite'/>. Al hacer esto, puede asegurarse de que su
código HTML esté actualizado y cumpla con los estándares actuales.
Error 3: Attribute xmlns:b not allowed on element. <html dir='ltr' lang='es'
xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
Solucion: El atributo xmlns:b no está permitido en el elemento
HTML. Para solucionar este problema, debe eliminar el atributo xmlns:b del
elemento HTML. El atributo xmlns:b se usa para definir un espacio de nombres
para Google Maps Lite1. Sin embargo, no está permitido en el elemento HTML y
puede provocar errores de validación.
Por
tanto, el código corregido quedaría así: <html dir='ltr' lang='es'
xmlns='http://www.w3.org/1999/xhtml'>. Al hacer esto, puede asegurarse
de que su código HTML esté actualizado y cumpla con los estándares actuales.
Pero antes
de hacer algún cambio revisemos lo siguiente y veremos que aunque lo borremos
se creara automáticamente.
Definición y uso
El atributo xmlns
especifica el espacio de nombres xml para un documento.
Nota: el atributo xmlns
es obligatorio en XHTML, no válido en HTML 4.01 y opcional en HTML5.Nota: El
validador de HTML en http://w3.org no se queja cuando falta el atributo xmlns
en un documento XHTML. Esto se debe a que el espacio de nombres
"xmlns=http://www.w3.org/1999/xhtml" es el predeterminado y se
agregará a la etiqueta <html> incluso si no la incluye.
Error 4:
Attribute :name not allowed on element. <div class='featured-post
section' id='featured_post' name='Featured Post'> <div class='widget
FeaturedPost' data-version='2' id='FeaturedPost1'> <div
class='widget-content'> <div role='feed'> <article class='post'
role='article'>
Solucion: El atributo :name no está
permitido en el elemento div. Para solucionar este problema, debe eliminar el
atributo :name del elemento div. El atributo :name no es un atributo válido
para el elemento div y puede causar errores de validación.
Por lo tanto, el
código corregido se vería así: <div class='featured-post section'
id='featured_post'> <div class='widget FeaturedPost' data-version='2'
id='FeaturedPost1'> <div class ='widget-content'> <div
role='feed'> <article class='post' role='article'>.
Al hacer
esto, puede asegurarse de que su código HTML esté actualizado y cumpla con los
estándares actuales. Si desea agregar un nombre al elemento div, puede usar el
atributo data-* de HTML5 en su lugar, así: <div class='featured-post
section' id='featured_post' data-name='Featured Post'>.. Al hacer esto,
puede agregar datos personalizados al elemento div sin causar errores de
validación.
Si deseas
que revisemos más errores puedes comentar cual situación tienes y con gusto
investigaremos para traerte la solución.
Referencias:
https://stackoverflow.com/questions
https://www.javascripttutorial.net/
https://social.msdn.microsoft.com/
https://webdeveloper.com/community/
https://searchcode.com/codesearch/
Articulos de interés:
Como integrar inteligencia artificial a tu sitio
Como entrar al directorio root de Blogger
Como utilizar el Analisis de Sentimientos en tu Web
Comentarios
Publicar un comentario