Separating Content from Presentation helps:
<tag>...</tag>
<tag/>
<ul><li><b></b></li><li><p></p></li></ul>
<html><body></body></html>
<a href="http://www.usi.ch">...</a>
id
attribute replaces the name
attribute
<div id="navigation">...</div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>My Homepage</title>
</head>
<body>
<h1>My Title</h1>
<p>Some paragraph</p>
<!–- Comment -->
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>My Homepage</title>
</head>
<body>
<h1>My Title</h1>
<p>Some paragraph</p>
<!–- Comment -->
</body>
</html>
<time datetime="2009-09-09T09:09:09+01:00">
September 9th 2009
</time>
Your exercise grade is
<meter value="88.7"
min="0"
max="100"
low="65"
high="96"
optimum="100">B+</meter>.
<audio src="/sound/boom.mp3" controls="true">
<a href="/sound/boom.mp3">Listen</a>
</audio>
<video src="/video/movie.mov" controls="true">
<p>Your browser does not support the video tag.
Get a better browser</p>
</video>
<input type="color"/>
<input type="number"/>
<input type="email"/>
<input type="tel"/>
<input type="text" placeholder="Hint"/>
<input type="range" min="0" max="50" value="0"/>
<progress value="0" max="100">0 %</progress>
Use a spacebar or arrow keys to navigate