Question

Possible Duplicate:
HTML Case Sensitive Issues

I have this:

<div class="menuHolder">
  <nav class="menu">
    <ul id="menu">
      <li class="with_ul"><a id="panorama"><span class="overPlane"></span><span class="mText">panorama</span></a>
        <ul class="submenu_1">
          <li><a href="abc.html">Test</a></li>
          <li><a href="#!/pageMore">Profile</a></li>
          <li><a href="#!/pageMore">History</a></li>
        </ul>
      </li>
    </ul>
  </nav>
</div>

I have a file called aBc.html already

When I clicked on Test, I get a 404. If I change the line to

<li><a href="aBc.html">Test</a></li>

it works fine.

I know that HTML is not case sensitive, but then why is this happening? Did I do anything wrong?

Answer 1

A URL is case-sensitive past the domain name. example.com and EXAMPLE.COM both resolve to the same address, but anything after the domain name is case-sensitive.

Now come the filesystems. Windows uses NTFS, which is not case-sensitive, so abc.html and aBc.html refer to the same file. Most Linux distros use EXT4, which is case-sensitive, so abc.html and aBc.html are two different files.

In short, your webserver is running on a filesystem where filenames are case-sensitive, so abc.html and aBc.html refer to two different files.