# What is an index.html File?
When you type a domain address like `https://example.com` into your web browser, the web server hosting that site needs to know which file to deliver first. By convention established in early web server architecture (Nginx, Apache, Cloudflare, Caddy), the server looks for a default homepage document named **`index.html`**.
Why is it named "index"?
In early web directories, an "index" referred to an index file listing the contents of a directory. Over time, web developers created custom `index.html` files to serve as attractive homepages rather than showing raw file directory listings.
Standard Structure of an index.html File
Every modern `index.html` document requires several fundamental structural components:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Site Title</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>Core Components Explained:
1. **`<!DOCTYPE html>`**: Declares that this document uses modern HTML5 markup. 2. **`<html lang="en">`**: Specifies the primary spoken language of the web page content. 3. **`<head>`**: Houses metadata, search engine information, CSS stylesheets, and page title. 4. **`<body>`**: Contains the visible layout, text, graphics, and interactive controls visible to the user.
Common Hosting Platforms for index.html
You can host a static `index.html` file completely for free on modern edge platforms: - **Cloudflare Pages** (Simply drag and drop your `index.html` or connect GitHub) - **GitHub Pages** (Enable Pages setting in your repository settings) - **Vercel / Netlify** (Instant deployments from git or manual upload)