Home/ Questions/Q 7579263
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T17:38:03+00:00

I have two pages made using HTML and I use the following standards <!DOCTYPE

  • 0

I have two pages made using HTML and I use the following standards

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

The two pages are index.html, the other is about.html. I create a logo inside the index page as the following

HTML markup of Index.html

<div class="logo"></div>

in CSS I do the following

.logo {
background: url ('../images/logo.png') no-repeat;
height: 300px;
width: 100px;
}

In about.html page I write the following html markup

<a href="index.html">
   <div class="logo"></div>
</a>

The above markup is working fine, but when I use the w3c validator it gives me warning as it’s not a standard markup.

My question is how can I make the html markup fits with the standards and gives the same result?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should do this rather:

    <a href="index.html" class="logo"></a>

    And then your css will apply directly to the a instead of to a nested empty div. You’ll need to add display: block; to the CSS though because a has a different default display.

    • 0