How to hide the name of the file (e.g. "index.html") in a website and work with sections?

I need to create a single-page website using HTML5, which is similar to http://www.20thingsilearned.com

It uses "Sections" in HTML5 as shown below:

http://www.20thingsilearned.com/en-US/web-apps/1

When I create a page index.html with the sections named: foreword, credits, etc ... I can access the page by: http://localhost:2325/index.html and the sections by:

http://localhost:2325/index.html/foreword, unlike the above shown website!! can you please suggest a solution?

further clarification: I开发者_StackOverflow中文版s it possible to do this via JS??

---

By definition/convention, you can access your page with http://localhost:2325/
If a file isn't specified (which is explicit with the trailing slash), the server provides by default the index.html file.
This default can be changed with the server's settings, I think.

I might have misunderstood the last part, but in general, one accesses the sections with the http://localhost:2325/#forword syntax, instead. The # says to jump to the named section.

Stuff like web-apps/1 is generally handled by a server-side script (PHP, ASP or other) along with rewrite rules, redirecting such URL to a script serving the correct content.

---

The above can be achieved by using URL rewriting and JS History api.

Since then, I've learnt about URL rewriting and also the usage of route-tables in ASP.NET WebForms 4.

Great link for url rewriting, which mentions the redirect rule for default page as well: syedemad.info/index.php/2012/02/url-rewriting-tips/