Convert the file to use HTML5 tags where appropriate. You will have to change th
ID: 3538234 • Letter: C
Question
Convert the file to use HTML5 tags where appropriate. You will have to change the CSS to match. You should change at least 3 of the current elements to HTML5 elements. You will have to change the Doctype. The new version should look exactly the same as the old version.
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Fix Me!</title>
<style type="text/css">
body{
margin:0;
padding:0;
color:#102A5D;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(background.jpg);
}
a{
color:#102A5D;
padding-right:5px;
}
a:hover{
color:#95B8FF;
}
#header{
margin:auto;
width:750px;
height:125px;
background:#FFFFFF url(insomnia_logo.gif) no-repeat top right ;
border-bottom:4px double #102A5D;
}
#header img{
margin:0;
float:left;
}
#header h1{
float:left;
color:#102A5D;
font-size:20px;
margin:0;
padding:25px 0 0 75px;
}
#contentLeft{
margin:auto;
width:720px;
padding:15px;
background-color:#FFFFFF;
}
#contentLeft img{
float:right;
padding:10px 5px;
}
#contentLeft h2{
font-size:14px;
}
#footer{
font-size:9px;
text-align:center;
}
</style>
</head>
<body>
<div id="header">
<img src="insomnia-toon.jpg" alt="Can't sleep?" width="120" height="120" />
<h1>...having trouble sleeping?</h1>
</div>
<div id="contentLeft">
<p><a href="#">Insomnia Solutions</a>::<a href="#">Case Studies</a>::<a href="#">Your Stories</a>::<a href="#">Get Help</a>::<a href="#">Contact Us</a>::<a href="#">Sitemap</a></p>
<br />
<img src="insomnia.jpg" alt="can't sleep?" width="306" height="250" />
<h2>Yawn.</h2>
Nearly everyone has occasional sleepless nights, perhaps due to stress, heartburn, or drinking too much caffeine or alcohol. Chronic insomnia is defined when you have problems falling asleep, maintaining sleep, or experience nonrestorative sleep that occurs on a regular or frequent basis, often for no apparent reason.
<p>How much sleep is enough varies from person to person. Although 7 1/2 hours of sleep is about average, some people do well on four to five hours of sleep. Other people need nine to 10 hours of sleep each night.</p>
<p>Insomnia can affect not only your energy level and mood, but also your health as well because sleep helps bolster your immune system. Fatigue, at any age, leads to diminished mental alertness and concentration. Lack of sleep caused by insomnia is linked to accidents both on the road and on the job.</p>
<p>Insomnia is a common problem that may be temporary or chronic. As many as one in 10 Americans have chronic insomnia, and at least one in four has difficulty sleeping sometimes. But that doesn't mean you have to just put up with sleepless nights. Some simple changes in your daily routine and habits may result in better sleep.</p>
<p>Most adults need about 7 to 8 hours of sleep each night. You know you're getting enough sleep if you don't feel sleepy during the day. The amount of sleep you need stays about the same throughout adulthood. However, sleep patterns may change with age. For example, older people may sleep less at night and take naps during the day.</p>
<p>Your family doctor may ask you and your bed partner some questions about your sleep habits (such as when you go to bed and when you get up), any medicine you take, and the amount of caffeine and alcohol you drink. Your doctor may also ask if you smoke.<br />
<br />
Other questions may include how long you've been having insomnia, if you have any pain (such as from arthritis), and if you snore while you sleep. Your doctor may also ask about events or problems in your life that may be upsetting you and making it hard for you to sleep.</p>
<p>If the cause of your insomnia is not clear, your doctor may suggest that you fill out a sleep diary. The diary will help you keep track of when you go to bed, how long you lie in bed before falling asleep, how often you wake during the night, when you get up in the morning and how well you sleep.</p>
<p><a href="#">Insomnia Solutions</a>::<a href="#">Case Studies</a>::<a href="#">Your Stories</a>::<a href="#">Get Help</a>::<a href="#">Contact Us</a>::<a href="#">Sitemap</a></p>
<p id="footer">
©2011 Insomnia Solutions
</p>
</div>
</body>
</html>
Explanation / Answer
<!-- HTML5 Version -->
<!DOCTYPE html>
<html >
<head>
<title>Fix Me!</title>
<style type="text/css">
body{
margin:0;
padding:0;
color:#102A5D;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(background.jpg);
}
a{
color:#102A5D;
padding-right:5px;
}
a:hover{
color:#95B8FF;
}
#header{
margin:auto;
width:750px;
height:125px;
background:#FFFFFF url(insomnia_logo.gif) no-repeat top right ;
border-bottom:4px double #102A5D;
}
#header img{
margin:0;
float:left;
}
#header h1{
float:left;
color:#102A5D;
font-size:20px;
margin:0;
padding:25px 0 0 75px;
}
#contentLeft{
margin:auto;
width:720px;
padding:15px;
background-color:#FFFFFF;
}
#contentLeft img{
float:right;
padding:10px 5px;
}
#contentLeft h2{
font-size:14px;
}
#footer{
font-size:9px;
text-align:center;
}
</style>
</head>
<body>
<div id="header">
<img src="insomnia-toon.jpg" alt="Can't sleep?" width="120" height="120" />
<h1>...having trouble sleeping?</h1>
</div>
<div id="contentLeft">
<p><a href="#">Insomnia Solutions</a>::<a href="#">Case Studies</a>::<a href="#">Your Stories</a>::<a href="#">Get Help</a>::<a href="#">Contact Us</a>::<a href="#">Sitemap</a></p>
<br />
<img src="insomnia.jpg" alt="can't sleep?" width="306" height="250" />
<h2>Yawn.</h2>
Nearly everyone has occasional sleepless nights, perhaps due to stress, heartburn, or drinking too much caffeine or alcohol. Chronic insomnia is defined when you have problems falling asleep, maintaining sleep, or experience nonrestorative sleep that occurs on a regular or frequent basis, often for no apparent reason.
<p>How much sleep is enough varies from person to person. Although 7 1/2 hours of sleep is about average, some people do well on four to five hours of sleep. Other people need nine to 10 hours of sleep each night.</p>
<p>Insomnia can affect not only your energy level and mood, but also your health as well because sleep helps bolster your immune system. Fatigue, at any age, leads to diminished mental alertness and concentration. Lack of sleep caused by insomnia is linked to accidents both on the road and on the job.</p>
<p>Insomnia is a common problem that may be temporary or chronic. As many as one in 10 Americans have chronic insomnia, and at least one in four has difficulty sleeping sometimes. But that doesn't mean you have to just put up with sleepless nights. Some simple changes in your daily routine and habits may result in better sleep.</p>
<p>Most adults need about 7 to 8 hours of sleep each night. You know you're getting enough sleep if you don't feel sleepy during the day. The amount of sleep you need stays about the same throughout adulthood. However, sleep patterns may change with age. For example, older people may sleep less at night and take naps during the day.</p>
<p>Your family doctor may ask you and your bed partner some questions about your sleep habits (such as when you go to bed and when you get up), any medicine you take, and the amount of caffeine and alcohol you drink. Your doctor may also ask if you smoke.<br />
<br />
Other questions may include how long you've been having insomnia, if you have any pain (such as from arthritis), and if you snore while you sleep. Your doctor may also ask about events or problems in your life that may be upsetting you and making it hard for you to sleep.</p>
<p>If the cause of your insomnia is not clear, your doctor may suggest that you fill out a sleep diary. The diary will help you keep track of when you go to bed, how long you lie in bed before falling asleep, how often you wake during the night, when you get up in the morning and how well you sleep.</p>
<p><a href="#">Insomnia Solutions</a>::<a href="#">Case Studies</a>::<a href="#">Your Stories</a>::<a href="#">Get Help</a>::<a href="#">Contact Us</a>::<a href="#">Sitemap</a></p>
<p id="footer">
©2011 Insomnia Solutions
</p>
</div>
</body>
</html>