FromSitesTree.com

Web page design standards #10

Leave a comment

Try to follow the following rules while creating a web-page.
1. Decide what you want to use HTML or XHTML. Better to go
with XHTML. Which XHTML? Strict or transitional? Go for
strict one, that way you will be in the most standard way.

2. If you are new into XHTML try transitional first, when you are
comfortable in Transitional style, switch to Strict.
Rememebr, strict will not support many non-standard tags
and coding you usually use, so it may sound a bit difficult.

3. Some XHTML rules
a. Simply use a Doctype.
b. Use lower case for all tags
c. enclose all attribute values
d. close all tags even

e. Try to use css for layout
f. Even assign values to empty attributes like checked='checked', readonly='true'
g. nest attributes correctly

4. Page Layout
Most recent and most standard way is to use pure css (div,span tags) to create page layouts
However, not all browsers are that advanced. With css layout horizontal alignment is problemetic.
Also, placing page footers in the right place becomes difficult.

A good way is, try css first. If you face problems use tables for the outer layout and for internal layout (under the table) never use tables just use css(div). Use table internally only to display tabular data not for layout.

5. Always use both id and name tags. use id tag before name tag.
6. For javascript use Use the Document.getElementById DOM that is compatible in all browsers
7. Always use attributes or set properties in div tag not in the td tag when you use div inside td. But use valign on the td, it does not work with div

Page layout with minimal use of table

   
                    
            Header          
      		   
   
                    
            Navigation          
      		                   
           Content         
      		   
   
                 
            Footer

8. is deprecated and centering a block in css is difficult. So rather use the following css

div.container {
text-align: center;
}

div.text {
margin-left: auto;
margin-right: auto;
text-align: left; /* overrule inheritance */

}

From: http://sitestree.com/?p=4796
Categories:10
Tags:
Post Data:2009-10-13 11:35:30

    Shop Online: <a href='https://www.ShopForSoul.com/' target='new' rel="noopener">https://www.ShopForSoul.com/</a>
    (Big Data, Cloud, Security, Machine Learning): Courses: <a href='http://Training.SitesTree.com' target='new' rel="noopener"> http://Training.SitesTree.com</a> 
    In Bengali: <a href='http://Bangla.SaLearningSchool.com' target='new' rel="noopener">http://Bangla.SaLearningSchool.com</a>
    <a href='http://SitesTree.com' target='new' rel="noopener">http://SitesTree.com</a>
    8112223 Canada Inc./JustEtc: <a href='http://JustEtc.net' target='new' rel="noopener">http://JustEtc.net (Software/Web/Mobile/Big-Data/Machine Learning) </a>
    Shop Online: <a href='https://www.ShopForSoul.com'> https://www.ShopForSoul.com/</a>
    Medium: <a href='https://medium.com/@SayedAhmedCanada' target='new' rel="noopener"> https://medium.com/@SayedAhmedCanada </a>

Leave a Reply