XHTML 2
XHTML 2.0 declaration as:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 2.0//EN”
“http://www.w3.org/MarkUp/DTD/xhtml2.dtd”>
A placeholder DTD schema exists at the corresponding URI, though it currently only includes the character reference entities from previous recommendations. XHTML 2 contemplates both a version attribute and an xsi:schemalocation attribute on the root HTML element that could possibly serve as a substitute for any DOCTYPE declaration.
In addition to the DOCTYPE, all XHTML elements must be in the appropriate XML namespace for the version being used. This is usually done by declaring a default namespace on the root element using xmlns=”namespace” as in the example below.
For XHTML 1.0 and XHTML 1.1, this is
<html xmlns=”http://www.w3.org/1999/xhtml”>
XHTML 2.0 requires both a namespace and an XML Schema instance declaration. These might be declared as
<html xmlns=”http://www.w3.org/2002/06/xhtml2/”
xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance”
xsi:schemaLocation=”http://www.w3.org/2002/06/xhtml2/ http://www.w3.org/MarkUp/SCHEMA/xhtml2.xsd”>
Rounded Corners without Images
Another example about Rounded Corners without Images using only CSS.
Here is the css code for rounded corners.
h1,p{margin: 0 10px}
h1{font-size: 250%;color: #FFF}
p{padding-bottom:1em}
div#nifty{ margin: 0 10%;background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
And here is the html code
<div id=”nifty”>
<b class=”rtop”><b class=”r1″></b><b class=”r2″></b><b class=”r3″></b><b class=”r4″></b></b>
<h1>Nifty Corners</h1>
<p> <!–content goes here–> </p><b class=”rbottom”><b class=”r4″></b><b class=”r3″></b><b class=”r2″></b><b class=”r1″></b></b>
</div>
Here you can find more example how to make rounded corners without images http://www.html.it/articoli/nifty/index.html
Rounded Corners without Images
I’ve made a research, how to make rounded corners without using any images. And here is what I found.
http://www.html.it/articoli/niftycube/index.html
It’s not very simple, because this example use Javascript. But it works on IE6, IE7 and Firefox.