[Resolvido] Como Resolver os Erros - HTML - Portugal-a-Programar
[Resolvido] Como Resolver os Erros
By mkasus, March 17, 2010 in HTML
mkasus 0
Então a minha dúvida é a seguinte, eu quis verificar se o meu site tinha erros, no site: http://validator.w3.org/, e tinha "44 Errors, 3 warning(s)" 😲 , o meu problema é que no Mozilla o site aparece bem, mas no IE aparece algumas coisas desconfiguradas, eu nao sei se estes erros podem ter haver com isso, mas agradecia se me ajudassem.
Esqueci-me de dizer uma coisa importante é que não percebo de programação.
Sem código é impossível.
Tens o doctype definido? Isso altera muitas vezes a forma como a página é mostrada.
peço desculpa pela a minha ignorância mas não sei o que é isso do doctype, mas fica aqui os erros http://validator.w3.org/check?uri=www.cachecoisdoslb.com&charset=%28detect+automatically%29&doctype=Inline&group=0
não ponho aqui os erros um a um porque são bastantes e assim é mais fácil de entender.
Ainda vou ter uma coisinha má por estar a ajudar um site afecto à lampionada, mas pronto...
Não te preocupes com o doctype, para já está bom, é o XHTML 1.0 Strict.
Quanto aos erros, vai indo passo a passo. Conforme forem ficando menos, vai passando por aqui (isto é também para eu não escrever muito duma vez só).
- Não existe a tag <Script ...>, nem <SCRIPT ...>, apenas <script ...>. Muda todas as que encontrares erradas para a correcta;
- Ainda a propósito da tag <script>, não uses o atributo language ou Language, que foi depreciado. No entanto, é obrigatório usar o atributo type. Por isso, vai lá por todas as tags script, retira o que encontrares de Language="..." e language="..." e mete type="text/javascript";
- Muito cuidado com as tags que abres e fechas! Por cada <qualquer coisa>, tem que existir um </qualquer coisa>. Verifica também a ordem das tags: <qq_coisa1><qq_coisa2>...</qq_coisa1></qq_coisa2> está errado! Devia ser <qq_coisa1><qq_coisa2>...</qq_coisa2></qq_coisa1>;
Quando tiveres estas fora do caminho, volta cá para mais.
vou tratar destas e quando acabar digo alguma coisa.
já corrigi os script e os language para type, já estão menos erros desde 39 agora estão 37, não deixam de ser muitos
vou deixar aqui alguns códigos que o validator diz que estao mal:
Line 75, Column 16: there is no attribute "color"
<font color="#FF0000">SLB</font></a></h1>
Line 75, Column 25: element "font" undefined
Line 98, Column 13: end tag for "ul" which is not finished
Line 103, Column 23: end tag for element "fieldset" which is not open
Line 106, Column 45: there is no attribute "size"
document.write("<font color='#000000' size='3' face='arial'>")
Line 106, Column 54: there is no attribute "face"
Line 106, Column 61: element "font" undefined
estes são alguns dos erros, se alguem me pode-se dizer onde estao os erros agradecia.
sergio3861 0
Em primeiro lugar vou só dar-te uma opinião, aprender HTML e CSS é fácil pelo que tenho a certeza que com esforço podes aprender e facilmente corrigires os erros.
<font color="#FF0000">SLB</font></a></h1> por <font style="color:#f00;">SLB</font></a></h1>
Line 98, Column 13: end tag for "ul" which is not finished - tens de verificar onde a tag <ul> está aberta e verificar se todos os <li> estão fechados </li>
Line 103, Column 23: end tag for element "fieldset" which is not open - a mesma coisa de cima
document.write("<font color='#000000' size='3' face='arial'>") - este erro o que aconselho é substituir por o seguinte:
document.write("<font style='color:#000; font:3px Arial, Helvetica, sans-serif'>")
Experimenta e depois diz qualquer coisa ok?
Já agora, estou do mesmo lado do mjamado, o que me irá acontecer por ajudar num site sobre o clube de Lisboa.
Na Web nada se cria tudo se copia... Mas muito ainda podemos inovar...
o primeiro código que disseste para substituir este: <font color="#FF0000">SLB</font></a></h1> por este : <font style="color:#f00;">SLB</font></a></h1>
o validator diz que continua mal, agora diz assim:
Line 75, Column 15: there is no attribute "style"
<font style="color:#f00;">SLB</font></a></h1>
Line 75, Column 28: element "font" undefined
e na lina 106 disseste para substituir por este: document.write("<font style='color:#000; font:3px Arial, Helvetica, sans-serif'>")
o validator diz que está mal: Line 106, Column 81: element "font" undefined
Mas os outros já consegui corrigir, os que disseste.
O elemento <font> já não existe. Em vez disso, usa <span>. O resto é igual tal como foi indicado.
Outra para corrigires: qualquer tag que tenha o atributo align dá erro; esse atributo também já não existe. Substitui por style="text-align: xxx", sendo xxx o que estiver no align - center, left ou right. O mesmo se aplica aos atributos height, width, marginheight, marginwidth, que devem ser substituidos pelas instruções CSS (dentro do atributo style) height, width e margin-left, margin-right, margin-top e margin-left. E nunca te esqueças de colocar a unidade, por exemplo, height: 10 px; (o px é importante).
ok obrigado, vou fazer essas correcções e quando acabar digo alguma coisa.
podes me dizer aqui onde estao os erros:
Line 108, Column 10: character "<" is the first character of a delimiter but occurred as data
Line 109, Column 16: character "<" is the first character of a delimiter but occurred as data
Line 113, Column 10: character "<" is the first character of a delimiter but occurred as data
Por acaso não tens javascript ou php misturado nisso?
eu axo que não, mas como não percebo de programação estou um bocado à nora :s
Esquece isso, isso são apenas warnings, não são erros, e são derivados a usar javascript lá pelo meio - o que também está tudo menos correcto, mas não te preocupes com isso agora.
podes me dizer os erros destes:
Line 118, Column 23: document type does not allow element "span" here
document.write("<span></b></i></span>")
Line 118, Column 27: end tag for element "b" which is not open
Line 118, Column 31: end tag for element "i" which is not open
Tudo o que tiver essa coisa do document.write podes ignorar para já - até porque não há grande coisa que possas fazer sem conhecimentos de programação; isso é javascript.
Se me podesses ajudar nestes:
Line 214, Column 40: there is no attribute "id"
… <p style="center"><iframe id="1" scrolling="no" frameborder="0" ="cen…
Line 214, Column 54: there is no attribute "scrolling"
…yle="center"><iframe id="1" scrolling="no" frameborder="0" ="center" marginhei…
Line 214, Column 71: there is no attribute "frameborder"
…ame id="1" scrolling="no" frameborder="0" ="center" marginheight="0" marginwid…
Line 214, Column 75: an attribute specification must start with a name or name token
…id="1" scrolling="no" frameborder="0" ="center" marginheight="0" marginwidth="…
Line 214, Column 75: element "iframe" undefined
Line 214, Column 206: end tag for element "a" which is not open
…ight="400" src="http://www.slbenfica.pt/Feeds/noticias01.asp"></iframe></a></p>
já só tenho 16 erros, ta quase
Existe alguma alma caridosa que me possa ajudar?
É que faltam poucos erros para corrigir.
Isso funciona mesmo com os erros, porque queres corrigir?
é porque o site no Internet Explorer algumas coisas ficam desformatadas.
e eu achei que podia ser dos erros.
Pode nem tudo ser dos erros. Possivelmente tem a ver com CSS. Dou-te mérito pelo esforço de colocares a aplicação sem erros, mas acho que da mesma forma podias esforçar-te para aprenderes HTML e CSS. Possivelmente usas um editor que te cria muito código desnecessário.
ok, obrigado a todos, se quiserem ja podem encerrar o topico
Fiquei agora a conhecer esse site http://validator.w3.org/. Eu que não sei fazer quase nada de programação web e o que sei é a procurar atributo por atributo no google e design feito à pressão por IDE's e isso dá jeito. Mas... uma das coisas que li à algum tempo acerca do internet explorer e dos seus erros: