导航|地址|刷新
HTML guides - HTML | MDN


Skip to main content

Skip to search



MDN





HTML

HTML: Markup language

HTML reference
Elements

Global attributes

Attributes

See all…
HTML guides
Responsive images

HTML cheatsheet

Date & time formats

See all…
Markup languages
SVG

MathML

XML




CSS

CSS: Styling language

CSS reference
Properties

Selectors

At-rules

Values

See all…
CSS guides
Box model

Animations

Flexbox

Colors

See all…
Layout cookbook
Column layouts

Centering an element

Card component

See all…




JavaScriptJS

JavaScript: Scripting language

JS reference
Standard built-in objects

Expressions & operators

Statements & declarations

Functions

See all…
JS guides
Control flow & error handing

Loops and iteration

Working with objects

Using classes

See all…




Web APIs

Web APIs: Programming interfaces

Web API reference
File system API

Fetch API

Geolocation API

HTML DOM API

Push API

Service worker API

See all…
Web API guides
Using the Web animation API

Using the Fetch API

Working with the History API

Using the Web speech API

Using web workers




All

All web technology

Technologies
Accessibility

HTTP

URI

Web extensions

WebAssembly

WebDriver

See all…
Topics
Media

Performance

Privacy

Security

Progressive web apps




Learn

Learn web development

Frontend developer course
Getting started modules

Core modules

MDN Curriculum

Check out the video course from Scrimba, our partner
Learn HTML
Structuring content with HTML module
Learn CSS
CSS styling basics module

CSS layout module
Learn JavaScript
Dynamic scripting with JavaScript module




Tools

Discover our tools


Playground

HTTP Observatory

Border-image generator

Border-radius generator

Box-shadow generator

Color format converter

Color mixer

Shape generator




About

Get to know MDN better


About MDN

Advertise with us

Community

MDN on GitHub




Blog





Toggle sidebar
Web

HTML

Guides

Theme

OS default

Light

Dark



English (US)

Remember language Learn more

Deutsch

English (US)

Français

日本語

中文 (简体)







HTML guides


This page lists the guides for using HTML.
Content categories
Most HTML elements are a member of one or more content categories — these categories group elements that share common characteristics. This is a loose grouping (it doesn't actually create a relationship among elements of these categories), but they help define and describe the categories' shared behavior and their associated rules. It's possible for elements to not be a member of any of these categories.
HTML cheatsheet for syntax and common tasks
While using HTML it can be very handy to have an easy way to remember how to use HTML tags properly and how to apply them. MDN provides you with extended HTML reference documentation as well as a deep instructional set of HTML guides. However, in many cases we just need some quick hints as we go. That's the whole purpose of the cheat sheet, to give you some quick accurate ready to use code snippets for common usages.
Understanding quirks and standards modes
In the old days of the web, pages were typically written in two versions: One for Netscape Navigator, and one for Microsoft Internet Explorer. When the web standards were made at W3C, browsers could not just start using them, as doing so would break most existing sites on the web. Browsers therefore introduced two modes to treat new standards compliant sites differently from old legacy sites.
Using date and time formats in HTML
Certain HTML elements use date and/or time values. The formats of the strings that specify these values are described in this article.
Using HTML comments <!-- … -->
An HTML comment is used to add explanatory notes to the markup or to prevent the browser from interpreting specific parts of the document.
Using HTML form validation and the Constraint Validation API
The creation of web forms has always been a complex task. While marking up the form itself is easy, checking whether each field has a valid and coherent value is more difficult, and informing the user about the problem may become a headache. HTML5 introduced new mechanisms for forms: it added new semantic types for the input element and constraint validation to ease the work of checking the form content on the client side. Basic, usual constraints can be checked, without the need for JavaScript, by setting new attributes; more complex constraints can be tested using the Constraint Validation API.
Using microdata in HTML
Microdata is part of the WHATWG HTML Standard and is used to nest metadata within existing content on web pages. Search engines and web crawlers can extract and process microdata from a web page and use it to provide a richer browsing experience for users. Search engines benefit greatly from direct access to this structured data because it allows search engines to understand the information on web pages and provide more relevant results to users. Microdata uses a supporting vocabulary to describe an item and name-value pairs to assign values to its properties. Microdata is an attempt to provide a declarative way of annotating HTML elements with machine-readable tags than the similar approaches of using RDFa and classic microformats.
Using microformats in HTML
Microformats are standards used to embed semantics and structured data in HTML, and provide an API to be used by social web applications, search engines, aggregators, and other tools. These minimal patterns of HTML are used for marking up entities that range from fundamental to domain-specific information, such as people, organizations, events, and locations.
Using responsive images in HTML
In this article, we'll learn about the concept of responsive images — images that work well on devices with widely differing screen sizes, resolutions, and other such features — and look at what tools HTML provides to help implement them. This helps to improve performance across different devices.



In this article

See also



See also

ARIA guides






Help improve MDN
Was this page helpful to you?
Yes No
Learn how to contribute
This page was last modified on Jun 11, 2026 by MDN contributors.

View this page on GitHub • Report a problem with this content




Filter sidebar Clear filter input


HTML

Guides
Cheatsheet

Comments

Constraint validation

Content categories

Date and time formats

Microdata

Microformats

Quirks and standards modes

Responsive images


How to

Define terms with HTML

Use data attributes

Use cross-origin images

Add a hitmap on top of an image

Author fast-loading HTML pages

Add JavaScript

Reference

Elements
<a>

<abbr>

<acronym>

<address>

<area>

<article>

<aside>

<audio>

<b>

<base>

<bdi>

<bdo>

<big>

<blockquote>

<body>

<br>

<button>

<canvas>

<caption>

<center>

<cite>

<code>

<col>

<colgroup>

<data>

<datalist>

<dd>

<del>

<details>

<dfn>

<dialog>

<dir>

<div>

<dl>

<dt>

<em>

<embed>

<fencedframe>

<fieldset>

<figcaption>

<figure>

<font>

<footer>

<form>

<frame>

<frameset>

<geolocation>

<h1>–<h6>

<head>

<header>

<hgroup>

<hr>

<html>

<i>

<iframe>

<img>

<input>

<ins>

<kbd>

<label>

<legend>

<li>

<link>

<main>

<map>

<mark>

<marquee>

<menu>

<meta>

<meter>

<nav>

<nobr>

<noembed>

<noframes>

<noscript>

<object>

<ol>

<optgroup>

<option>

<output>

<p>

<param>

<picture>

<plaintext>

<pre>

<progress>

<q>

<rb>

<rp>

<rt>

<rtc>

<ruby>

<s>

<samp>

<script>

<search>

<section>

<select>

<selectedcontent>

<slot>

<small>

<source>

<span>

<strike>

<strong>

<style>

<sub>

<summary>

<sup>

<table>

<tbody>

<td>

<template>

<textarea>

<tfoot>

<th>

<thead>

<time>

<title>

<tr>

<track>

<tt>

<u>

<ul>

<var>

<video>

<wbr>

<xmp>


Attributes
accept

autocomplete

capture

content

crossorigin

dirname

disabled

elementtiming

fetchpriority

for

form

integrity

max

maxlength

min

minlength

multiple

pattern

placeholder

readonly

rel

required

size

step


Global attributes
accesskey

anchor

autocapitalize

autocorrect

autofocus

class

contenteditable

data-*

dir

draggable

enterkeyhint

exportparts

hidden

id

inert

inputmode

is

itemid

itemprop

itemref

itemscope

itemtype

lang

nonce

part

popover

slot

spellcheck

style

tabindex

title

translate

virtualkeyboardpolicy

writingsuggestions


Attributes by element
<input type>
<input type="button">

<input type="checkbox">

<input type="color">

<input type="date">

<input type="datetime-local">

<input type="email">

<input type="file">

<input type="hidden">

<input type="image">

<input type="month">

<input type="number">

<input type="password">

<input type="radio">

<input type="range">

<input type="reset">

<input type="search">

<input type="submit">

<input type="tel">

<input type="text">

<input type="time">

<input type="url">

<input type="week">


<script type>
importmap

speculationrules


<meta name>
color-scheme

referrer

responsive-embedded-sizing

robots

text-scale

theme-color

viewport


<meta http-equiv>


Attribute values
<link rel> keywords
alternate stylesheet

compression-dictionary

dns-prefetch

manifest

me

modulepreload

noopener

noreferrer

preconnect

prefetch

preload

prerender








MDN
Your blueprint for a better internet.











MDN
About

Blog

Mozilla careers

Advertise with us

MDN Plus

Product help
Contribute
MDN Community

Community resources

Writing guidelines

MDN Discord

MDN on GitHub
Developers
Web technologies

Learn web development

Guides

Tutorials

Glossary

Hacks blog


Mozilla
Website Privacy Notice

Telemetry Settings

Legal

Community Participation Guidelines

Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.



------
导航页 打开网址