Your SlideShare is downloading. ×
Web topic 13  html validation tools
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web topic 13 html validation tools

133

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
133
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Web Authoring Topic 13 –HTML Validation Tools
  • 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. HTML ValidationThe official W3C validation service can befound at http://www.validator.w3.org/
  • 4. HTML ValidationThe official W3C validation service can befound at http://www.validator.w3.org/
  • 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. 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. 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. 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. 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. 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. 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. 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. Validation Process2. The validation process:
  • 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. 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. 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. Validation Process4. Common HTML/XHTML validation errors: - Improper Nesting of Tags - Missing alt tags - Margin height and width - Horizontal Line Color - Border Color
  • 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.

×