Διόρθωση HTML/CSS file

Με βάση ένα HTML/CSS template έχω φτιάξει ένα site στον inf-server στον χώρο που μας διαθέτει η σχολή.

Μέσω του W3C   βρήκα τον HTML Validator. Μπορείτε να το βρείτε στο site:

http://www.w3schools.com/web/web_validate.asp

Έκανα copy paste το link και διαπίστωσα ότι έχω 6 errors.

Τα παραθέτω εδώ:

  1.   Line 16, Column 82: there is no attribute «align»…</h3><img  src="images/rose.png" width="75" height="75" alt=" " align=«right"/>
  2. Line 18, Column 4: end tag for element «p» which is not open
    </p>
  3. Line 32, Column 7: element «u» undefined
    <h3><u>Whats new ?</u></h3><br />
  4.  Line 35, Column 49: there is no attribute "target"
    …ttp://twitter.com/#!/vaniazig" target="_blank"> <img src="images/twitter.png"w…
  5.  Line 35, Column 121: end tag for "img" omitted, but OMITTAG NO was specified
    …t="_blank"> <img src="images/twitter.png"width="65" height="65" alt=" "  > </a>
  6.  Line 69, Column 66: an attribute specification must start with a name or name token
    1. …tp://www.oswd.org/design/preview/id/3614" " target="_blank">Visit oswd.org</a>
      

Είχα επίσης και ένα warning το

  • Line 35, Column 59: start tag was here
…ter.com/#!/vaniazig" target="_blank"> <img src="images/twitter.png"width="65" …

Απ’ότι είδα δεν είναι σημαντικά errors γι’αυτό και άλλωστε δεν υπήρχε πρόβλημα στο να εμφανίζεται κανονικά η ιστοσελίδα. Αφου τα διόρθωσα ξανα έκανα νέο έλεγχο και το αποτελεσμα που είχα ήταν :

 

Ομοίως έκανα και για το CSS file. Από το W3C βρήκα τον αντίστοιχο CSS Validator  έκανα copy paste το link μου πάλι. Αυτή την φορά δεν υπήρχε κανένα λάθος στο CSS αρχείο μου!Πράγμα λογικό μιας και επρόκειτο για ένα έτοιμο CSS template 😛

 

Υ.Γ Μπορώ να πω ότι σχεδόν ενθουσιάστηκα! Δεν ήξερα καν ότι υπάρχει κάτι σαν compiler για HTML και CSS! Εντάξει οι γλώσσες αυτές γνωρίζω πως έχουν ανοχή σε errors . Ωστόσο θυμάμαι πως έχω περάσει αρκετή ώρα προσπαθώντας να λύσω προβλήματα εκεί που λογικά δεν θα έπρεπε να εμφανίζονται!! Πολύ χρήσιμο εργαλείο!

Advertisements
This entry was posted in Uncategorized. Bookmark the permalink.

Σχολιάστε

Εισάγετε τα παρακάτω στοιχεία ή επιλέξτε ένα εικονίδιο για να συνδεθείτε:

Λογότυπο WordPress.com

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό WordPress.com. Αποσύνδεση / Αλλαγή )

Φωτογραφία Twitter

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Twitter. Αποσύνδεση / Αλλαγή )

Φωτογραφία Facebook

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Facebook. Αποσύνδεση / Αλλαγή )

Φωτογραφία Google+

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Google+. Αποσύνδεση / Αλλαγή )

Σύνδεση με %s