Trilogy distal Html - 1 (effect of the basic structure and common html meta tag)

What is the basic structure of a page is H5

I entered it in the html editor: you can get 5

<! DOCTYPE HTML > 
<-! Declare document type -> 
< HTML lang = "EN" > 
<-! Identifies Html document the language used is English -> 
< head > 
    < Meta charset = "UTF-8" > 
    <! - declaration document character code is used. 8-UTF -> 
    < Meta name = "the viewport" Content = "width = width-Device, Initial-Scale = 1.0" > 
    <! - the mobile terminal is adapted -> 
    < Meta HTTP-equiv = "X--the UA-Compatible" Content = "IE = Edge">
    <!--Specified file compatibility mode, mode Edge mode tells IE to the most advanced mode rendering document -> 
    < title > Yongge Test Page </ title > 
    < Link rel = "stylesheet" href = "#" > 
    <-! Introduction of external css file -> 
</ head > 
< body > 
<-! structure of the label is not introduced -> 
    < Script > </ Script > 
    < Script the src = "#" > </ Script > 
    <-! writing and references external JS -> 
</ body >
</html>
There are common character encoding: gb2312 (National Standard No. 2312)
gbk2312 (extended version adds Chinese Traditional)
unicode (Unicode)
UTF-8 (Unicode upgrade version)
Generally it contains a UTF-8 character encoding substantially all, a large collection of
 
SEO optimization - meta tag optimization
What is SEO?
Baidu entry describes
 SEO (Search Engine Optimization): Translation optimized for search engines. It is one way: use the rules to improve search engine rankings in the natural site on search engines. The purpose is: to provide eco-style self-marketing solutions for the site, allowed to occupy a leading position in the industry, gain brand benefits; offsite SEO SEO includes both the station and SEO; In order to get more free traffic from search engines, from site structure, content development programs, user interactive communication, etc. page rational planning point of view, but also make the site information displayed in search engine more attractive for users.
 
The purpose is to make your pages can be crawled better search engine crawlers to
This html page to be identified through a number of meta tags
 
Page description
< Meta name = "Description" Content = "no more than 150 characters"  />
 
Keywords page
< Meta name = "keywords" Content = "html5, CSS3, keyword" />
 
Web page authors defined
<meta name="author" content="yongGcode" />
 
Defined web search engine indexing, robotterms is set to use a comma "," separated values ​​are usually several values: none, noindex, nofollow, all, index and follow.
<meta name="robots" content="index,follow" />

 

Then again simply talk about meta tags, meta it because the content is too much (learning is endless), here is a brief look.
If there are problems in time to connect, communicate with each other
 
Transfer from w3c introduction to the meta:
 

<Meta> element provides meta-information about the page (meta-information), such as for search engines and the frequency of updating the description and keywords.

<Meta> tag at the head of the document does not contain any content. Properties <meta> tag defines the name associated with the document / value pairs

 

Four properties <meta> tag: content name scheme http-equiv

name: mainly for explanation and presentation page 

Need to use with the content

  Property values:

    • author author
    • description description 
    • keywords keywords 
    • generator web authoring software used 
    • revised revisit time  
    • others describe other
    • moving end viewport window configurations
    • robots custom search engine spiders indexing
    • copyright copyright information label
    • rederer provisions of dual-core browser default rendering engine
 http-equiv: attribute name / value pairs to provide a name. And instructs the server to contain the name of the document in the MIME header to be sent to the browser before sending the actual document / value pairs.
Need to use with the content
When the server sends a document to the browser, it will first send a number of name / value pairs. While some server will send many of these name / value pairs, but at least all servers to send a: content-type: text / html. This will tell the browser prepared to accept an HTML document.
When using the <meta> http-equiv with attribute tags, the server will name / value pair to send to the browser content header
When the browser should be the means to enter a URL when the resource requests to the server when requesting the html file, the server sends the header file in addition to sending file content-type: text / html, will send you describe content to the browser
 
content: the foregoing is a description of a property, each meta tags will have a content property, will be content with the name, http-equiv, scheme used
 
scheme: attribute used to specify the attribute value to the translation program. This scheme should be defined in the profile attribute specified by <head> tag profile file.
 
 
 
 
 
 
And that 's share content, and exchange welcome to share together! !

Guess you like

Origin www.cnblogs.com/yongG/p/10993116.html