npm-html-initialize v1.0.1

initialize

Build your meta-information in seconds.

Installation

NPM

npm install --save npm-html-initialize

Download

See https://kuriv.github.io/initialize/initialize.html

What does it do?

• Collect and list HTML standard meta tags.
• Always use the latest version of the document mode.
• Build your web application more easily.

How to use it?

You can use initialize.html as the initial HTML template file, Alternatively, It's suggested that you read the initialize.html file and consider customising it to meet your needs.

Meta tags

Declare the character encoding used by the document.

<meta charset="utf-8"/>

Enable DNS pre-resolving.

<meta http-equiv="x-dns-prefetch-control" content="on"/>

DNS pre-resolved domain name.

<link rel="dns-prefetch" href="https://example.com"/>

Give priority to the latest version of IE and Chrome.

<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>

Control the browser to render the page with the webkit kernel.

<meta name="renderer" content="webkit"/>

Add the authoritative link of the page.

<link rel="canonical" href="https://example.com"/>

Add the viewport to mobile device.

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>

Ignore phone numbers and email addresses on the page.

<meta name="format-detection" content="telephone=no, email=no"/>

Add the Windows 8 tile name.

<meta name="application-name" content="Title"/>

Add the Windows 8 tile color.

<meta name="msapplication-TileColor" content="#000"/>

Add the Windows 8 tile image.

<meta name="msapplication-TileImage" content="/image.png"/>

Display the download banner of the app on the page.

<meta name="apple-itunes-app" content="app-id=, affiliate-data=, app-argument="/>

Set the title added to the home screen.

<meta name="apple-mobile-web-app-title" content="Title"/>

Add the Standard iPhone icons, 57x57 pixels.

<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/image@57x57.png"/>

Add the Standard iPad icons, 72x72 pixels.

<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/image@72x72.png"/>

Add the Retina iPhone icons, 114x114 pixels.

<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/image@114x114.png"/>

Add the Retina iPad icons, 144x144 pixels.

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/image@144x144.png"/>

Remove default toolbar and menu bar.

<meta name="apple-mobile-web-app-capable" content="yes"/>

Set the background color of the status bar.

<meta name="apple-mobile-web-app-status-bar-style" content="default"/>

Add the theme color to browser's toolbar. (Chrome for Android only)

<meta name="theme-color" content="#fff"/>

Put the search function on your browser's quick search tool.

<link rel="search" type="application/opensearchdescription+xml" title="title" href="/opensearch.xml"/>

Add the author of the page.

<meta name="author" content="kuriv"/>

Add the title of the page.

<title>Title</title>

Add the keywords of the page.

<meta name="keywords" content="keywords, keywords, keywords"/>

Add the description of the page.

<meta name="description" content="description"/>

Add the icon in front of the page title.

<link rel="shortcut icon" type="image/x-icon" href="/farvirate.ico"/>

License

initialize is open-sourced software licensed under the MIT license.