English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML Reference Manual

Complete list of HTML tags

HTML html manifest attribute

This article introduces the usage of the HTML html manifest attribute for offline browsing, with online examples demonstrating how to use the HTML html manifest attribute, browser compatibility, syntax definition, and detailed information about its attribute values.

 HTML <html> tag

Online examples

HTML documents with cache manifest (for offline browsing):

<!DOCTYPE HTML>
<html manifest="demo.appcache">
<head>
<title>Document title</<title>
</<head>
<body>
Document content......
</body>
</html>

Browser compatibility

IEFirefoxOperaChromeSafari

Internet Explorer 10Firefox, Opera, Chrome, and Safari support the manifest attribute.

Note:Internet Explorer 9 Previous versions do not support the manifest attribute.

Definition and usage

The manifest attribute specifies the location of the document's cache manifest.

HTML5 The introduction of application cache means that web applications can be cached and accessed when there is no internet connection.

Application cache brings three advantages to applications:

  • Offline browsing - Users can use the application offline

  • Fast - Cached resources can be loaded faster

  • Reduce server load - Browsers only download updated resources from the server/Changed resources

The manifest attribute should be included in each page that you want to cache in your web application.

A manifest file is a simple text file that lists the resources that browsers cache for offline access.

To learn more about how to create manifest files, please read ourHTML5 Application Cache section.

HTML 4.01 with HTML5differences

The manifest attribute is a part of HTML5 new attributes in.

Syntax

 <html manifest="URL">

Attribute value

ValueDescription
URLThe URL of the document's cache manifest.

Possible values:

  • Absolute URL - Points to another website (for example href="http://www.example.com/demo.appcache"

  • Relative URL - Points to a file within the website (for example href="demo.appcache")

 HTML <html> tag