<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="This domain is for use in illustrative examples in documents."
/>
<meta
name="keywords"
content="example, domain, documentation, IANA, reserved"
/>
<title>Example Domain</title>
<link
rel="icon"
href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🌐</text></svg>"
/>
<style>
:root {
--primary: #0078d4;
--primary-dark: #005a9e;
--primary-light: #e3f2fd;
--text-primary: #1a1a2e;
--text-secondary: #555;
--text-muted: #888;
--bg-body: #f5f7fa;
--bg-card: #ffffff;
--bg-code: #1e1e2e;
--border: #e0e0e0;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
--shadow-md: 0 8px 24px rgba(0, 0, 0, 0.1);
--shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.12);
--radius-sm: 6px;
--radius-md: 12px;
--radius-lg: 16px;
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
background: var(--bg-body);
color: var(--text-primary);
line-height: 1.6;
}
.background-shapes {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 0;
overflow: hidden;
}
.shape {
position: absolute;
border-radius: 50%;
opacity: 0.07;
animation: float 20s infinite ease-in-out;
}
.shape-1 {
width: 300px;
height: 300px;
background: var(--primary);
top: -100px;
right: -50px;
animation-delay: 0s;
}
.shape-2 {
width: 200px;
height: 200px;
background: #764ba2;
bottom: -80px;
left: -60px;
animation-delay: -5s;
}
.shape-3 {
width: 150px;
height: 150px;
background: #f093fb;
top: 50%;
left: 60%;
animation-delay: -10s;
}
@keyframes float {
0%,
100% {
transform: translateY(0) rotate(0deg);
}
33% {
transform: translateY(-20px) rotate(5deg);
}
66% {
transform: translateY(10px) rotate(-3deg);
}
}
.page-wrapper {
position: relative;
z-index: 1;
width: 100%;
max-width: 760px;
padding: 20px;
}
.container {
background: var(--bg-card);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-lg);
text-align: center;
overflow: hidden;
}
.container-header {
background: linear-gradient(135deg, var(--primary) 0%, #00b4d8 100%);
padding: 50px 40px 40px;
position: relative;
}
.container-header::after {
content: "";
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 40px;
background: var(--bg-card);
border-radius: 50%;
box-shadow: var(--shadow-sm);
}
.logo-icon {
width: 80px;
height: 80px;
margin: 0 auto 20px;
background: rgba(255, 255, 255, 0.15);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(10px);
border: 2px solid rgba(255, 255, 255, 0.2);
}
.logo-icon svg {
width: 40px;
height: 40px;
fill: white;
}
h1 {
font-size: 2.8em;
margin-bottom: 8px;
color: #fff;
font-weight: 700;
letter-spacing: -0.5px;
}
.subtitle {
font-size: 1.1em;
color: rgba(255, 255, 255, 0.85);
margin-bottom: 0;
}
.container-body {
padding: 50px 40px 40px;
}
.description {
font-size: 1.05em;
color: var(--text-secondary);
line-height: 1.8;
margin-bottom: 30px;
}
.cta-link {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 28px;
background: var(--primary-light);
color: var(--primary);
text-decoration: none;
font-weight: 600;
border-radius: 50px;
font-size: 0.95em;
transition: var(--transition);
margin-bottom: 40px;
}
.cta-link:hover {
background: var(--primary);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 120, 212, 0.3);
}
.cta-link svg {
width: 16px;
height: 16px;
fill: currentColor;
transition: transform 0.3s;
}
.cta-link:hover svg {
transform: translateX(4px);
}
.divider {
height: 1px;
background: var(--border);
margin: 0 0 30px;
}
.info-section {
background: var(--primary-light);
border-radius: var(--radius-md);
padding: 24px;
text-align: left;
margin-bottom: 24px;
border: 1px solid rgba(0, 120, 212, 0.1);
}
.info-section h2 {
font-size: 1.15em;
margin-bottom: 16px;
color: var(--primary);
display: flex;
align-items: center;
gap: 8px;
}
.info-section h2 svg {
width: 20px;
height: 20px;
fill: var(--primary);
}
.info-list {
list-style: none;
}
.info-list li {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
font-size: 0.95em;
color: var(--text-secondary);
line-height: 1.6;
}
.info-list li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.info-list li svg {
width: 18px;
height: 18px;
fill: var(--primary);
flex-shrink: 0;
margin-top: 2px;
}
.domains-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-bottom: 24px;
}
.domain-card {
padding: 16px;
background: #f8f9fa;
border: 1px solid var(--border);
border-radius: var(--radius-sm);
text-align: center;
transition: var(--transition);
}
.domain-card:hover {
border-color: var(--primary);
background: var(--primary-light);
transform: translateY(-2px);
box-shadow: var(--shadow-sm);
}
.domain-card .domain-icon {
font-size: 1.8em;
margin-bottom: 6px;
}
.domain-card .domain-name {
font-size: 0.85em;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 2px;
}
.domain-card .domain-type {
font-size: 0.75em;
color: var(--text-muted);
}
.rfc-section {
background: var(--bg-code);
border-radius: var(--radius-md);
padding: 20px;
text-align: left;
margin-bottom: 24px;
}
.rfc-section h2 {
font-size: 1em;
margin-bottom: 12px;
color: #cdd6f4;
font-family: monospace;
}
.rfc-section .rfc-id {
font-family: monospace;
font-size: 0.85em;
color: #89b4fa;
margin-bottom: 4px;
}
.rfc-section .rfc-text {
font-size: 0.85em;
color: #a6adc8;
line-height: 1.6;
}
.stats-row {
display: flex;
gap: 12px;
margin-bottom: 24px;
}
.stat-card {
flex: 1;
padding: 16px 12px;
background: #f8f9fa;
border: 1px solid var(--border);
border-radius: var(--radius-sm);
text-align: center;
}
.stat-card .stat-value {
font-size: 1.6em;
font-weight: 700;
color: var(--primary);
}
.stat-card .stat-label {
font-size: 0.75em;
color: var(--text-muted);
margin-top: 2px;
}
.usage-section {
margin-bottom: 24px;
}
.usage-section h2 {
font-size: 1.1em;
margin-bottom: 16px;
color: var(--text-primary);
}
.usage-examples {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.usage-example {
padding: 16px;
background: #f8f9fa;
border: 1px solid var(--border);
border-radius: var(--radius-sm);
text-align: left;
transition: var(--transition);
}
.usage-example:hover {
border-color: var(--primary);
box-shadow: var(--shadow-sm);
}
.usage-example h3 {
font-size: 0.9em;
color: var(--primary);
margin-bottom: 8px;
display: flex;
align-items: center;
gap: 6px;
}
.usage-example h3 svg {
width: 16px;
height: 16px;
fill: var(--primary);
}
.usage-example p {
font-size: 0.85em;
color: var(--text-secondary);
line-height: 1.6;
}
.usage-example code {
display: inline-block;
padding: 2px 6px;
background: var(--bg-code);
color: #cdd6f4;
border-radius: 3px;
font-family: "Fira Code", monospace;
font-size: 0.8em;
}
.faq-section {
margin-bottom: 24px;
text-align: left;
}
.faq-section h2 {
font-size: 1.1em;
margin-bottom: 16px;
color: var(--text-primary);
}
.faq-item {
padding: 14px 0;
border-bottom: 1px solid var(--border);
}
.faq-item:last-child {
border-bottom: none;
}
.faq-question {
font-size: 0.95em;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 6px;
display: flex;
align-items: center;
gap: 8px;
cursor: default;
}
.faq-question::before {
content: "Q";
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
background: var(--primary);
color: white;
border-radius: 50%;
font-size: 0.7em;
font-weight: 700;
flex-shrink: 0;
}
.faq-answer {
font-size: 0.9em;
color: var(--text-secondary);
line-height: 1.7;
padding-left: 30px;
}
.container-footer {
background: #f8f9fa;
padding: 20px 40px;
border-top: 1px solid var(--border);
}
.footer-links {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 12px;
flex-wrap: wrap;
}
.footer-links a {
color: var(--text-muted);
text-decoration: none;
font-size: 0.85em;
transition: color 0.3s;
}
.footer-links a:hover {
color: var(--primary);
}
.copyright {
font-size: 0.8em;
color: #bbb;
}
@media (max-width: 600px) {
h1 {
font-size: 2em;
}
.domains-grid {
grid-template-columns: repeat(2, 1fr);
}
.usage-examples {
grid-template-columns: 1fr;
}
.stats-row {
flex-direction: column;
}
.container-header {
padding: 30px 20px;
}
.container-body {
padding: 30px 20px;
}
}
</style>
</head>
<body>
<div class="background-shapes">
<div class="shape shape-1"></div>
<div class="shape shape-2"></div>
<div class="shape shape-3"></div>
</div>
<div class="page-wrapper">
<div class="container">
<div class="container-header">
<div class="logo-icon">
<svg viewBox="0 0 24 24">
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-17.93c-3.95.49-7.78 5.56-8.99 11.99C2.01 15.63 2.15 15.27 2.73 15l-1.27 1.27V17h2v-2.73l1.27-1.27c-.58.73-.72 1.37-.73 2.27 0z"
/>
</svg>
</div>
<h1>Example Domain</h1>
<p class="subtitle">
This domain is for use in illustrative examples in documents.
</p>
</div>
<div class="container-body">
<p class="description">
You may use this domain in literature without prior coordination or
asking for permission. This domain is established by IANA as a
reserved domain for documentation and illustrative purposes.
</p>
<a href="https://www.iana.org/domains/example" class="cta-link">
More Information
<svg viewBox="0 0 24 24">
<path
d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
/>
</svg>
</a>
<div class="stats-row">
<div class="stat-card">
<div class="stat-value">5</div>
<div class="stat-label">Reserved TLDs</div>
</div>
<div class="stat-card">
<div class="stat-value">RFC 2606</div>
<div class="stat-label">Specification</div>
</div>
<div class="stat-card">
<div class="stat-card">
<div class="stat-value">1999</div>
<div class="stat-label">Year Established</div>
</div>
</div>
</div>
<div class="info-section">
<h2>
<svg viewBox="0 0 24 24">
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2v4h2V4z"
/>
</svg>
About This Domain
</h2>
<ul class="info-list">
<li>
<svg viewBox="0 0 24 24">
<path
d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L17.59 5 9 11.59 3.41 5 9 1 11.41 19 21 41l1.41-1.41L17.17 11H21z"
/>
</svg>
This domain is established to be used for illustrative examples
in documents. You may use this domain in examples without prior
coordination or asking for permission.
</li>
<li>
<svg viewBox="0 0 24 24">
<path
d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L17.59 5 9 11.59 3.41 5 9 1 11.41 19 21 41l1.41-1.41L17.17 11H21z"
/>
</svg>
This domain is not available for registration. It is reserved by
IANA for documentation purposes.
</li>
<li>
<svg viewBox="0 0 24 24">
<path
d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L17.59 5 9 11.59 3.41 5 9 1 11.41 19 21 41l1.41-1.41L17.17 11H21z"
/>
</svg>
For more information, see IANA's Reserved Top-Level DNS Names
page at
<a href="https://www.iana.org/domains/example"
>iana.org/domains/example</a
>.
</li>
<li>
<svg viewBox="0 0 24 24">
<path
d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L17.59 5 9 11.59 3.41 5 9 1 11.41 19 21 41l1.41-1.41L17.17 11H21z"
/>
</svg>
This domain is recognized across all major browsers and DNS
systems as a special-use domain.
</li>
</ul>
</div>
<div class="domains-grid">
<div class="domain-card">
<div class="domain-icon">🌐</div>
<div class="domain-name">example.com</div>
<div class="domain-type">Commercial</div>
</div>
<div class="domain-card">
<div class="domain-icon">🌐</div>
<div class="domain-name">example.net</div>
<div class="domain-type">Network</div>
</div>
<div class="domain-card">
<div class="domain-icon">🌐</div>
<div class="domain-name">example.org</div>
<div class="domain-type">Organization</div>
</div>
<div class="domain-card">
<div class="domain-icon">🌐</div>
<div class="domain-name">example.edu</div>
<div class="domain-type">Education</div>
</div>
<div class="domain-card">
<div class="domain-icon">🔒</div>
<div class="domain-name">example.test</div>
<div class="domain-type">Testing</div>
</div>
<div class="domain-card">
<div class="domain-icon">🌐</div>
<div class="domain-name">example.invalid</div>
<div class="domain-type">Invalid</div>
</div>
</div>
<div class="rfc-section">
<h2>RFC 2606 - Reserved Top Level DNS Names</h2>
<div class="rfc-id">Network Working Group / IANA</div>
<p class="rfc-text">
To reduce the likelihood of conflict and confusion, [IANA] has
reserved the following top level domain names: ".test",
".example", ".invalid", ".localhost", and the three-letter codes
from ISO 3166-1 for use in documentation and example code. These
domains are available for use in URLs in documentation and for
other purposes without needing to check with IANA or worry about
conflicts with current or future top-level domains.
</p>
</div>
<div class="usage-section">
<h2>Common Usage Examples</h2>
<div class="usage-examples">
<div class="usage-example">
<h3>
<svg viewBox="0 0 24 24">
<path
d="M14 2H6c-1.1 0-1.9.9-1.9 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6H6zm6 6v11.5c0 .83-.67 1.5-1.5 1.5H6V9.5z"
/>
</svg>
Documentation
</h3>
<p>
Using <code>https://www.example.com/</code> as a placeholder
URL in API documentation, tutorials, and developer guides.
</p>
</div>
<div class="usage-example">
<h3>
<svg viewBox="0 0 24 24">
<path
d="M4 6H2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4zm0 16H2V8h16v8H4z"
/>
</svg>
Code Examples
</h3>
<p>
In sample code demonstrating HTTP requests, cookie handling,
and web scraping techniques.
</p>
</div>
<div class="usage-example">
<h3>
<svg viewBox="0 0 24 24">
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95.49-7.78 5.56-8.99 11.99C2.01 15.63 2.15 15.27 2.73 15l-1.27 1.27V17h2v-2.73l1.27-1.27c-.58.73-.72 1.37-.73 2.27 0z"
/>
</svg>
Testing
</h3>
<p>
As a test URL in unit tests, integration tests, and end-to-end
testing frameworks.
</p>
</div>
<div class="usage-example">
<h3>
<svg viewBox="0 0 24 24">
<path
d="M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h16v14zM5 5v14h16V5z"
/>
</svg>
Presentations
</h3>
<p>
In slides, training materials, and conference presentations as
example web addresses.
</p>
</div>
</div>
</div>
<div class="faq-section">
<h2>Frequently Asked Questions</h2>
<div class="faq-item">
<div class="faq-question">
Can I register example.com for my website?
</div>
<div class="faq-answer">
No. The example.com domain (along with example.net, example.org,
etc.) is permanently reserved by IANA and cannot be registered
by anyone. These domains are specifically set aside for use in
documentation and illustrative examples.
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Is there a web server at example.com?
</div>
<div class="faq-answer">
Yes. IANA operates a simple informational web server at
example.com that returns a basic HTML page explaining the
purpose of the domain. This helps ensure the domain resolves
correctly and provides documentation to visitors.
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Can I use these domains in production code?
</div>
<div class="faq-answer">
While you can reference these domains in code, they are intended
for documentation and testing only. For production use, you
should register your own domain through a domain registrar.
</div>
</div>
<div class="faq-item">
<div class="faq-question">
Are there IPv6 example addresses too?
</div>
<div class="faq-answer">
Yes. The IPv6 documentation prefix 2001:db8::/32 is reserved for
documentation purposes, analogous to these example domain names.
Additionally, 2001:db8::1 is a common example address.
</div>
</div>
<div class="faq-item">
<div class="faq-question">
What about example email addresses?
</div>
<div class="faq-answer">
Yes, example.com, example.net, and example.org email addresses
are also reserved. For example, user@example.com is a valid
example email address used in documentation.
</div>
</div>
</div>
</div>
<div class="container-footer">
<div class="footer-links">
<a href="#">IANA</a>
<a href="#">RFC 2606</a>
<a href="#">DNS Protocol</a>
<a href="#">Contact IANA</a>
</div>
<div class="copyright">
© 2024 Internet Assigned Numbers Authority. All rights
reserved.
</div>
</div>
</div>
</div>
<script>
function test() {
return true;
}
(function () {
var faqItems = document.querySelectorAll(".faq-question");
faqItems.forEach(function (item) {
item.addEventListener("click", function () {
var answer = this.nextElementSibling;
if (answer) {
var isOpen =
answer.style.maxHeight && answer.style.maxHeight !== "0px";
if (isOpen) {
answer.style.maxHeight = "0px";
answer.style.paddingBottom = "0";
this.style.fontWeight = "600";
} else {
answer.style.maxHeight = answer.scrollHeight + "px";
answer.style.paddingBottom = "6px";
this.style.fontWeight = "400";
}
}
});
});
})();
</script>
</body>
</html>
