Home > Developer > JavaScript
Common Head labels and head labels
I. Label Classification
1.1 self-closing and label
Auto-closing: the auto-closing feature is enabled only when the start and end of the tag are absent:
<Meta> tag <link> tag
1.2 active tag Closure
There are beginning and end, active closed, called active closed tags. Most of the tags we use are active closed tags.
<Html>...Ii. Head tag 2.1 meta tag
<Meta> elements provide meta-information about the page, which describes and keywords the search engine and update frequency.
<Meta> the tag is in the document header and does not contain any content.
<Meta> the provided information is invisible to users.
(1) http-equiv attributes: It is equivalent to an http File Header. It can return some useful information to the browser to help correctly display the webpage content. The corresponding attribute value is content, content is actually the variable value of each parameter.
Set page Encoding
<meta charset="UTF-8"> <meta http-equiv="content-type" content="text/html;charset=utf-8">Refresh and adjust
<Meta http-equiv = "Refresh" content = "3"> # automatically Refresh every 3 seconds <meta http-equiv = "Refresh" content = "3; url = https://www.baidu.com "> # automatically jump to Baidu every 3 seconds(2) name attribute: It is mainly used to describe web pages. The corresponding attribute value is content. The content in content is mainly used for search engine robots to find information and classification information.
Keywords: search engine search
<Meta name = "keywords" content = "Html learning, meta learning, head learning">Description: What does the website do?
<Meta name = "description" content = "frontend knowledge learning">(3) X-UA-Compatible
Microsoft's IE6 was released through XP, win2003, and other operating systems. As a dominant desktop system, it also dominated internet explorer. When many websites were developed, it is developed according to IE6 standards, and IE6's own standards are also defined by Microsoft. When IE7 came out, it adopted Microsoft internal standards and some W3C standards. At this time, when many websites were upgraded to IE7, it was quite painful. After many code adjustments, to run normally. In Microsoft's IE8 version, Microsoft's internal defined standards are basically abandoned, and comprehensive support for W3C standards is based on a thorough change to the standards, websites that can be accessed in the IE version cannot be accessed normally in IE8, and may encounter typographical errors, overlapping texts, incomplete display, and other compatibility errors.
IE8 provides closer support for industry standards than any earlier browser versions. Therefore, Websites designed for earlier versions of browsers may not be displayed as expected. To help mitigate any problems, IE8 introduces the concept of document compatibility, allowing you to specify all versions of the site that support IE. Add new modes for document compatibility in IE8, which will tell the browser how to interpret and present the website. If your site cannot be correctly displayed in IE8, you can update and modify the site to support the latest WEB standards (preferred ), you can also force IE8 to view the site content in a browser of the current version. You can use the meta element to add the X-UA-Compatible header to the webpage.
When IE8 encounters a webpage that does not contain the X-UA-Compatible header, it uses commands to determine how to display the webpage. If this command is missing or a standard-based document type is not specified, IE8 displays the webpage in IE5 mode (Quicks mode.
<Meta http-equiv = "X-UA-COMPATIBLE" content = "IE = edge; IE = IE11; chrome = 1"> # multiple browsers can be separated;2.2 Title TagWebpage header label
<Title> there is always a clear idea about damage to your website. </title>2.3 Link label1. icon
<Link rel = "icon" href = "http://www.jd.com/favicon.ico"> or <link rel = "icon" href = "images/favicon. ico">2. Load the css style File
<Head> <meta charset = "UTF-8"> <title> together </title> <! -- <Link rel = "icon" href = "http://www.jd.com/favicon.ico"> --> <link rel = "icon" href = "images/favicon. ico "> <link rel =" stylesheet "type =" text/css "href =" css/common.css ">
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
