ALL >> Web-Design >> View Article
Validating Your Code & Testing A Web-page For A Variety Of Displays

Many web designers make the mistake of designing their documents for specific screen resolutions. When the document is displayed on a smaller resolution the page elements tend to jam together or break across unexpected lines.
Your documents should be suitable for many resolutions. Although most users will be running at resolutions of atleast 800x600 pixels, your websites may have the occasional user running lower resolutions or too high resolution. Therefore, it`s advised and is an industry standard to always test your documents at various locations & colour depths to look for many shortcomings.
Validating your document`s code is another very good idea. It helps double check your document for simple errors - typos, unclosed tags & so on - and also verifies that your code meets expected standards.
There are many ways to validate your documents, but they all rely on your documents containing a correct document type definition (DTD) declaration. For example, if you want to base your documents on Strict HTML 4.01, you would include the DTD declaration at the top of your docuemnt within angular brackets.
The ...
... DOCTYPE declaration informs any user agent reading the document what standard the document is based on. The information is primarily used by validation clients in validating the code within the document, but it might also be used by a display agent to determine what features it must support. Some of the tools/resources where the code can be validated are:
The online W3C HTML validation tool
The online Web Design Group (WDG) validation tool
Validation utilities built in to Web development tools such as Adobe`s Dreamweaver.
Any of the various separate applications that can be run locally. A comprehensive list is maintained on the WDG site.
The online CSS validation tool
Many a times, the document may look like conforming to HTML but the validators think otherwise. Some of the points that should be kept in mind before the validation takes place are like that the [input] element must be contained within a block element other than the [form] tag. Typically, the paragraph tag [p] is used but you can also use [div], a heading, [pre] and so on.
Xhtmlslicing is the leading web 2.0 design firm that slices your design from PSD to XHTML, HTML and CSS.
http://www.xhtmlslicing.com
Add Comment
Web Design Articles
1. Dark Mode, Light Speed: Modern Ux Trends In Web DevelopmentAuthor: Suganya, Digital Marketing Intern.
2. Seo Service On A Low Budget With Brightara Media
Author: Brightara Media
3. New Technologies Booming In Mobile App Development
Author: Levontehcno
4. The Top Benefits Of Partnering With A Good Seo Company
Author: Liam Mackie
5. Why Choosing The Right Software Development Company In Delhi Can Boost Your Business
Author: Vikki kumar
6. Why Enseur Is A Top Event Management App For Modern Planners
Author: Enseur Tech
7. Customizable Web-based Erp Software In Noida Designed For Schools And Colleges
Author: CONTENT EDITOR FOR SAMPHIRE IT SOLUTIONS PVT LTD
8. How Custom Websites Drive Smarter Lead Generation And Crm Efficiency
Author: Wise Code Studio
9. Advanced Mobile Tracking Sg | Attendance 1 Sgd Monthly
Author: chinni jyothi
10. Employee Attendance Sg | Biometric Scanner 1 Sgd Per Month
Author: chinni jyothi
11. Top Seo Services In Delhi For Business Growth
Author: ayraphics
12. Advantages And Disadvantages Of A Static Website
Author: Manoj Singh
13. Top Dental Website Design Trends In 2025: What Your Clinic Needs To Stand Out Online
Author: PSM
14. How Can The Ecommerce Website Design Make Or Break Your Online Business?
Author: Liam Mackie
15. Best Practices To Boost Your Health & Wellness Products Selling Online
Author: Miten Shah