Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Sample XHTML Document for CSS Crash Course Part 2

7:36 am on Jan 9, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member nick_w is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 4, 2002
votes: 0

[pre]<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<title>WebmasterWorld CSS Crash Course</title>
<style type="text/css">
<h1>WebmasterWorld CSS Crash Course</h1>

<!-- Top section links -->
<a href="#">Home</a> -
<a href="#">Section 1</a> -
<a href="#">Section 2</a> -
<a href="#">Section 3</a> -
<a href="#">Section 4</a> -
<a href="#">Section 5</a> -
<a href="#">Contact</a>
<!-- End Top section links -->

<!-- Content here -->
<p>The WebmasterWorld CSS Crash Course is a set of <em>hands on</em>
tutorials covering the basics of Cascading StyleSheets. The course
is intended to give members a useful introduction to CSS and the
neccessary tools to learn more.</p>

<p>This XHTML document has no presentational elements whatsoever,
giving Search Engines and Users a fast, light document that makes
good semantic sense.</p>

<p>Some of the advantages of a CSS layout include:</p>

<li>Smaller file sizes</li>
<li>Faster loading pages</li>
<li>Greater accessibility</li>
<li>Ease of maintenance</li>

<p>By the end of the course you should be really enjoying CSS and
hopefully become regulars to the great
<a href="http://www.webmasterworld.com/forum83/">CSS Forum</a>
WebmasterWorld recently put up.</p>

<p>Copyright &copy; Nobody. Feel free to use what you need.</p>
<!-- End Content -->

<!-- Begin Righthand Filler -->
<h2>SEO Friendly Layout</h2>
<p>One of the many advantages to a CSS layout is the ease in which
one can make search engine friendly content appear high in the

<p>As most members here are obsessed with SEO we'll be focusing on
this subject as we develop the page. This right hand section could
be placed <strong>anywhere</strong> in the <em>code flow</em> as
we'll be using a fairly well established 3 column fluid layout
using absolute positioning.</p>

<p>Personally, I find the righthand section very useful for pages that
contain little <em>body text</em>: Such as product lists etc. The
absolute positioning allows the user to see the products where they
expect them but, the search engines to see the right hand text first
in the code flow.</p>
<!-- End Righthand Filler -->

<!-- Begin Lefthand Navigation -->
<h3>Section Navigation</h3>
<a href="#">Sub page 1</a>
<a href="#">Sub page 2</a>
<a href="#">Sub page 3</a>
<a href="#">Sub page 4</a>
<a href="#">Sub page 5</a>
<a href="#">Sub page 6</a>
<a href="#">Sub page 7</a>



Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members