Web Authoring    Topic 13 –HTML Validation Tools
HTML ValidationThere are several methods to test orvalidate HTML/XHTML pages:   - Validate by URL   - Valid by file upload...
HTML ValidationThe official W3C validation service can befound at http://www.validator.w3.org/
HTML ValidationThe official W3C validation service can befound at http://www.validator.w3.org/
Validation ProcessHTML validation process: 1. What to validate your web pages for 2. The validation process 3. Validation ...
Validation Process1. What to validate your web pages for:  a) Doctype  b) HTML or XHTML document (or other  coding languag...
Validation Process2. The validation process: Doctype - Use the correct DOCTYPE ( Document Type Definition, or DTD) DOCTYPE...
Validation Process2. The validation process:   DOCTYPE                  DOCUMENT TYPE DECLARATION                    COMME...
Validation Process2. The validation process:Validate your HTML or XHTML documentIf you validate your code it will make it ...
Validation Process2. The validation process:Validate your Cascading Style Sheets(CSS)If there are errors in your CSS:- the...
Validation Process2. The validation process:Validate your linksBroken links in your web pages will:- frustrate your visito...
Validation Process2. The validation process:Check browser compatibilityThe main browsers you should design your website fo...
Validation Process2. The validation process:
Validation Process2. The validation process:Test for different screen resolutionsThe current trend is that more and moreco...
Validation Process2. The validation process:Check connectivity speedsWeb pages that contain a large number ofgraphics or t...
Validation Process3. Validation Tools: HTML/XHTML validation http://www.validator.w3.org/ CSS validation http://jigsaw.w3....
Validation Process4. Common HTML/XHTML validation errors: - Improper Nesting of Tags - Missing alt tags - Margin height an...
Validation Process                 SummaryIf you always validate your web pages, your website will be loading faster, more...
Upcoming SlideShare
Loading in...5
×

Web topic 13 html validation tools

185

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
185
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web topic 13 html validation tools

  1. 1. Web Authoring Topic 13 –HTML Validation Tools
  2. 2. HTML ValidationThere are several methods to test orvalidate HTML/XHTML pages: - Validate by URL - Valid by file upload - Valid by direct inputThe results will be the same regardlessof which method you choose
  3. 3. HTML ValidationThe official W3C validation service can befound at http://www.validator.w3.org/
  4. 4. HTML ValidationThe official W3C validation service can befound at http://www.validator.w3.org/
  5. 5. Validation ProcessHTML validation process: 1. What to validate your web pages for 2. The validation process 3. Validation Tools 4. Common validation errors
  6. 6. Validation Process1. What to validate your web pages for: a) Doctype b) HTML or XHTML document (or other coding languages you have used) c) CSS style sheet d) Links e) Browsers f) Screen Resolution g) Connectivity
  7. 7. Validation Process2. The validation process: Doctype - Use the correct DOCTYPE ( Document Type Definition, or DTD) DOCTYPE tag should be placed at the top of each web page. It is needed by browsers or other tools to process the document correctly. http://www.discount-real-estate-listings-md.com/
  8. 8. Validation Process2. The validation process: DOCTYPE DOCUMENT TYPE DECLARATION COMMENTS XHTML 1.0 Transitional <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML Widely used by web-authoring tools. Allows 1.0 Transitional//EN" some flexibility in coding "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> XHTML 1.0 Strict <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- Ensures strict adherence to the XHTML 1.0 strict.dtd"> standard XHTML 1.1 <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11. Ensures strict adherence to the XHTML 1.1 dtd"> standard XHTML 1.0 Frameset <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML Used for web pages laid out in different areas 1.0 Frameset//EN" (frames) rather than a single area "http://www.w3.org/TR/xhtml1/DTD/xhtml1- frameset.dtd"> XHTML 2.0 <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML This is a draft DOCTYPE and is best avoided as 2.0//EN" of this writing "http://www.w3.org/TR/xhtml11/DTD/xhtml2. dtd"> HTML 5 <!DOCTYPE html> Used for the HTML variant of the HTML 5 specification
  9. 9. Validation Process2. The validation process:Validate your HTML or XHTML documentIf you validate your code it will make it easierfor:- search engines to index your web pages- pages to load faster- make your pages accessible for other devices that surf the Web.- checking coding errors by running your pages through a validator.
  10. 10. Validation Process2. The validation process:Validate your Cascading Style Sheets(CSS)If there are errors in your CSS:- the layout of your web pages will be affected- the web site will not appear correctly when viewed in any of the main browsers.
  11. 11. Validation Process2. The validation process:Validate your linksBroken links in your web pages will:- frustrate your visitors when searching forrelevant information from your site.- affect search engine rankings. When spiderscannot index the links on your site they will notfind your keyword rich web pages.
  12. 12. Validation Process2. The validation process:Check browser compatibilityThe main browsers you should design your website for include: Internet Explorer (IE6 and above),Firefox, Opera, and Netscape (Mozilla).
  13. 13. Validation Process2. The validation process:
  14. 14. Validation Process2. The validation process:Test for different screen resolutionsThe current trend is that more and morecomputers are using a screen size of 1024×768pixels: 1024×768…………………………56% 800×600………………………….28% Higher than 1024×768…………11%
  15. 15. Validation Process2. The validation process:Check connectivity speedsWeb pages that contain a large number ofgraphics or tables, use flash or video, will loadslowly or sometimes not at all with a dial upconnection but will be fine with a cable or dslconnection.
  16. 16. Validation Process3. Validation Tools: HTML/XHTML validation http://www.validator.w3.org/ CSS validation http://jigsaw.w3.org/css-validator/ Link checker http://validator.w3.org/checklink Browser Compatibility http://www.anybrowser.com
  17. 17. Validation Process4. Common HTML/XHTML validation errors: - Improper Nesting of Tags - Missing alt tags - Margin height and width - Horizontal Line Color - Border Color
  18. 18. Validation Process SummaryIf you always validate your web pages, your website will be loading faster, more search enginefriendly, accessible to a greater number ofdevices and therefore appeal to a larger numberof visitors.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×