Click here to Skip to main content
15,884,473 members
Articles / Web Development / HTML

Semantic HTML5 Page Layout

Rate me:
Please Sign up or sign in to vote.
4.89/5 (34 votes)
14 Jan 2011CDDL10 min read 249.1K   7K   79  
Introducing a simplified semantic HTML5 tags based page layout, together with a basic HTML5 template and CSS sources.
body {
	background: #6f8881 url(../img/bk_texture_green.png) repeat-x;
}

#pageHeader {
    background: transparent url(../img/bk_header_green.png) no-repeat 0 top;
} 

#navigation ul li a:hover {
    background-color: #6f8881;
}

#contentContainer {
    background-color: #f4f4f4;
}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Common Development and Distribution License (CDDL)


Written By
Technical Lead
United States United States
https://github.com/modesty

https://www.linkedin.com/in/modesty-zhang-9a43771

https://twitter.com/modestyqz

Comments and Discussions