Fehler beim Validieren

ray2mi · 10. April 2010

Hallo,

immer, wenn ich den folgenden Code habe, dann betrachtet der " /> " immer als einen Fehler. Ich dachte aber, dass das geht und es scheint ja in den Browsern auhc zu funktionieren. Abgesehen davon, schließ Dreamweaver automatisch mit diesem Tag.

Code:

<li><a href="LINK.html" class="underline">
                                          <img src="design/peak_cyan_ie6.gif" height="5" width="10" style="padding: 0 5px 0 5px;" />LINK</a></li>

Und dann meint er ständig, das die Tags nicht stimmen

Error Line 252, Column 7: Opening and ending tag mismatch: div line 168 and html
</html>

hier wird diese schließende Klammer meist als Fehler unterstrichen, dabei habe ich überall diese Klammern gemacht und auch überall die entsprechenden Tags hinzugefügt. Was macht eigentlich dieser Validator?

Maik · 10. April 2010

Hi,

dem Anschein nach handelt es sich nicht um ein "XHTML"-Dokument, in dem diese Syntax für inhaltsleere Elemente verwendet wird, sondern um ein "HTML 4.01"-Dokument - siehe hierzu den Abschnitt Unterschiede zwischen XHTML und HTML / Unterschied: Leere Elemente.

Zu den anderen Fehlermeldungen kann ich nichts sagen, da du ja nur einen Auszug aus deinem Seitenquelltext gepostet hast.

Deine abschließende Frage müßte eher "Was mach ich eigentlich?" lauten, denn grundlos meldet der W3C-Validator keine Markupfehler.

mfg Maik

ray2mi · 10. April 2010

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<title></title>



<link href="rp_favicon.ico" rel="shortcut icon" />

<link href="css/headquarter.css" rel="stylesheet" type="text/css" />

</head>

<body id="currentGalerie">

   <!-- Begin Wrapper -->
   <div id="wrapper">
   
         <!-- Begin Header -->
         <div id="header">
		 </div>
		 <!-- End Header -->
		 
		 
		 <!-- Begin Left Column -->
		 <div id="left">
		 </div>
		 <!-- End Left Column -->
		 
		 <!-- Begin Content -->
		 <div id="content">	 
			   
               		<!-- Begin Content Up / Zeile oben -->
               		<div id="contentup">
                    </div>
                    <!-- Ende Content Up -->
                    
                    	
                    	<div id="contentwrapper"><!-- Begin Content Wrapper Umschlag -->
                        
                            <div id="contentmain"> <!-- Begin Content Main -->                                       
                    		</div><!-- Ende Content Main -->
                        
                  	    </div><!-- Ende Content Wrapper Umschlag -->
                    
                    <!-- Begin Content Bottom / Zeile Unten-->
                    <div id="contentbot">
                    </div>
                    <!-- Ende Content Bottom -->
               
         </div>
		 <!-- End Content -->
		 
		 <!-- Begin Right Middle Column -->
		 <div id="mittesteg">
		 </div>
		 <!-- End Right Middle Column -->
		 
		 <!-- Begin Right Column -->
		 <div id="textbox">
         	<div id="text">
            
             <div class="heading">
				<ul class="newGalerie">
                	<li><a href='gal/verbild01.jpg' rel='lightbox[galerie_05]' title='Title'>
                               <img src="pic/ver_01.gif" width="58" height="60" /><p>Title</p></a></li>
					<li><a href='gal/verbild01.jpg' rel='lightbox[galerie_05]' title='Title'>
                               <img src="pic/ver_01.gif" width="58" height="60" /><p>Title</p></a></li>  
                    <li><a href='gal/verbild01.jpg' rel='lightbox[galerie_05]' title='Title'>
                               <img src="pic/ver_01.gif" width="58" height="60" /><p>Title</p></a></li>             
                </ul>                                         
            </div>
            
            <div id="textinfo">
            </div>
		 </div>
		 <!-- End Right Column -->
		 
         <div id="right">
		 </div>
		 <!-- End Right Column -->
         
		 <!-- Begin Footer -->
		 <div id="footer"> 
	     </div>
		 <!-- End Footer -->
		 
         <!-- Begin Navi Unten -->
 		 <div id="naviUntenBox">
         	<div id="naviLinke">
            </div>            
                        
            <div id="naviRechte">
            </div>  
                          <div class="DropDownMenuWrapper"><!-- DropDownMenuWrapper -->
                         </div><!-- DropDownMenuWrapper Ende -->            
            <div style="clear: both;"></div>
	     </div>
		 <!-- End Navi Untenr -->
         

   </div>
   <!-- End Wrapper -->
   
</body>
</html>

Das ist mal eine abgespeckte Version meines Codes, ich habe lediglich den Inhalt gelöscht aber die Instanzen wo die Fehler aufgetreten sind, habe ich unangetastet gelassen.

Maik · 10. April 2010

Der Slash am Ende der <img>-Elemente wird doch überhaupt nicht beanstandet :suspekt:

Stattdessen meldet der Validator unmißverständlich, dass in ihnen jeweils das erforderliche alt-Attribut fehlt:

required attribute "alt" not specified

Desweiteren darf gemäß deiner Doctype-Deklaration in einem Inline-Element (= <a>) kein Block-Element (= <p>) enthalten sein:

document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

Und diese drei Fehlermeldungen:

Opening and ending tag mismatch: div line 22 and body

Opening and ending tag mismatch: body line 19 and html

Premature end of data in tag html line 2

sind lediglich Folgefehler, weil du eines deiner <div>-Elemente nicht ordnungsgemäß geschlossen hast:

end tag for "div" omitted, but OMITTAG NO was specified

Ich zähle in deinem Code 20 öffnende <div>-Tags, aber nur 19 schliessende </div>-Tags.

ray2mi hat gesagt.:
Was macht eigentlich dieser Validator?

Dich auf deine begangenen Fehler im Markup hinweisen. Was sonst?

mfg Maik

Fehler beim Validieren

ray2mi

Erfahrenes Mitglied

Maik

ray2mi

Erfahrenes Mitglied

Maik

Neue Beiträge