Note: 2016-06-25

<link rel= "Profile" href= "HTTP://GMPG.ORG/XFN/11"/>

XFN is not some kind of mysterious new technology, it is only the application of traditional technology. XFN indicates the relationship between the link creator and the linked person through the Rel attribute in the tag.

// 一个传统的链接代码可能是：<a href="http://www.mrven.com">布鲁文的蓝色奇想</a>//而一个XFN的链接会是： <a href="http://www.mrven.com"  rel="friend met colleague">布鲁文的蓝色奇想</a>

Rel= "friend met colleague" marked the connection between the object and me is: Friends, met, colleagues. Note that this relationship is one-way, from "I" to "the other", I give the other side of the XFN will not affect the other side to my xfn.

XFN has 6 relationship classifications, and there are several specific relationships in each category. A connection can contain multiple classifications, but the relationship types under some categories can only be selected (such as "family Relationships"), and once the "Me" is selected, it is no longer possible to put any other relationship types. The following are all the relationship types in XFN:

Friendship Friendship, can only choose one
Friend good friends (mixed together)
Acquaintance acquaintance (meeting will be a recruit)
Contact has been contacted (at least you know how to contact TA)
Physical direct Contact
Met in the real world.
Professional Professional
Co-worker (worked together)
Colleague colleagues (with you in the same field of expertise)
Geographical geographical relations, can only choose one
Co-resident the same area (living in the same compound, the same community, the same school, etc.)
Neighbor Neighbor
Family family relationship, you can only choose one
Child children
Parent Parent
Sibling brothers and sisters
Spouse Spouse
Kin relatives
Romantic love relationship
Muse, My Goddess.
Crush I'm obsessed with.
Date in date
Sweetheart, sweetheart.
Identity Self-identification
Me means this link points to my other node (website, Web page, etc.) Link tag rel= "pingback" href= "url" what role?

First, let's introduce Pingback.

Pingback is a common method used to inform the blog system of the citations of the article. The correct translation of "Pingback" in Chinese is "broadcast", which is first provided by the [3G blog], which refers to the external reference information issued by the computer system.

The method by which the Web author gets the notification when someone else links to the Web Author's web page. This approach allows Web authors to track who is connected to his article. Some blog software, such as WordPress, has the ability to automatically pingback all the links in this post when an article is published.

Word-of-word: ping-back:ping backtracking.

Ping the network to test the presence of other computers, the name is the sound of the sonar system. Milk Coffee Net www.coffnet.com

Alice wrote an article a

Bob Read and wrote an article B comment A, article B has a linka pointing to a. (In general, B has links to a,a without knowledge).

How to let a automatically know that someone is connected to him? Can rely on Bob to send a letter to Alice, or b where the server ServerB program, automatically parse the link above B Linka, automatically notify Linka refers to a server ServerA this article from the Http://www.coffnet.com Coffee literature Network

ServerA automatically adds B to the reference list on the back of a

<meta name= "viewport" content= "Width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" >

Content Property Value:

Width: The value of the viewable area is either a number or a keyword device-width

Height: Same width

Intial-scale: The first time the page is displayed is the zoom level of the viewable area, with a value of 1.0 the page is displayed in actual size without any zoom

maximum-scale=1.0, minimum-scale=1.0; zoom level of the viewable area,

Minimum-scale-Minimum scale to allow the user to zoom
Maximum-scale-Maximum scale to which the user is allowed to zoom
User-scalable-whether the user can manually scale

<link rel= "Alternate" type= "Application/rss+xml" Title=&qu

Content can be read via rss/

<!--declaring a document with a character encoding--

<metacharset= ' Utf-8 ' >

<!--prefer to use the latest version of IE and Chrome--

<metahttp-equiv= "x-ua-compatible" content= "ie=edge,chrome=1"/>

<!--page description--

<metaname= "description" content= "no more than 150 characters"/>

<!--page keywords--

<metaname= "keywords" content= ""/>

<!--page author--

<metaname= "Author" content= "name, [email protected]"/>

<!--search Engine crawl--

<metaname= "Robots" content= "Index,follow"/>

<!--add viewport to your mobile device

<metaname= "Viewport" content= "initial-scale=1, maximum-scale=3, minimum-scale=1, User-scalable=no" >

<!--' Width=device-width ' will cause the IPhone 5 to be added to the main screen after the WEBAPP full screen mode to open the page when the black edge Http://bigc.at/ios-webapp-viewport-meta.orz-- >

<!--IOS devices Begin--

<metaname= "Apple-mobile-web-app-title" content= "title" >

<!--title added to the home screen (IOS 6 new)-

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

<!--whether to enable WEBAPP full screen mode, remove Apple's default toolbar and menu bar--

<metaname= "Apple-itunes-app" content= "App-id=myappstoreid, Affiliate-data=myaffiliatedata, App-argument=myURL" >

<!--add Smart App ad strip Smart app Banner (IOS 6+ Safari)--

<metaname= "Apple-mobile-web-app-status-bar-style" content= "Black"/>

<!--set the Apple toolbar color--

<metaname= "Format-detection" content= "Telphone=no, Email=no"/>

<!--ignore the numbers in the page to recognize the phone, ignoring email identification

<!--fast mode with 360 browser enabled (WebKit)--

<metaname= "renderer" content= "WebKit" >

<!--prevent IE from using compatibility mode--

<metahttp-equiv= "x-ua-compatible" content= "Ie=edge" >

<!--optimized for handheld devices, mainly for older browsers that do not recognize viewport, such as BlackBerry--and

<metaname= "handheldfriendly" content= "true" >

<!--Microsoft's Vintage browser--

<metaname= "mobileoptimized" content= ">"

<!--UC Force vertical screen--

<metaname= "Screen-orientation" content= "Portrait" >

<!--QQ Forced vertical screen--

<metaname= "X5-orientation" content= "Portrait" >

<!--UC Mandatory fullscreen--

<metaname= "Full-screen" content= "yes" >

<!--QQ Mandatory fullscreen--

<metaname= "X5-fullscreen" content= "true" >

<!--UC Application Mode--

<metaname= "Browsermode" content= "Application" >

<!--QQ Application Mode--

<metaname= "X5-page-mode" content= "App" >

<!--windows Phone Click No Highlight--

<metaname= "Msapplication-tap-highlight" content= "no" >

<!--IOS icons Begin--

<linkrel= "apple-touch-icon-precomposed" href= "/apple-touch-icon-57x57-precomposed.png"/>

<!--IPhone and ITouch, default 57x57 pixels, must have--

<linkrel= "apple-touch-icon-precomposed" sizes= "114x114" href= "/apple-touch-icon-114x114-precomposed.png"/>

<!--Retina IPhone and retina itouch,114x114 pixels, can be no but recommended--

<linkrel= "apple-touch-icon-precomposed" sizes= "144x144" href= "/apple-touch-icon-144x144-precomposed.png"/>

<!--Retina ipad,144x144 pixels, yes No but recommended-

<!--IOS Icon End--

<!--IOS splash screen Begin--

<linkrel= "Apple-touch-startup-image" sizes= "768x1004" href= "/splash-screen-768x1004.png"/>

<!--iPad Vertical screen 768 x 1004 (standard resolution)--

<linkrel= "Apple-touch-startup-image" sizes= "1536x2008" href= "/splash-screen-1536x2008.png"/>

<!--iPad vertical screen 1536x2008 (Retina)--

<linkrel= "Apple-touch-startup-image" sizes= "1024x748" href= "/default-portrait-1024x748.png"/>

<!--iPad Horizontal screen 1024x748 (standard resolution)--

<linkrel= "Apple-touch-startup-image" sizes= "2048x1496" href= "/splash-screen-2048x1496.png"/>

<!--IPad flat screen 2048x1496 (Retina)--

<linkrel= "Apple-touch-startup-image" href= "/splash-screen-320x480.png"/>

<!--iphone/ipod Touch vertical screen 320x480 (standard resolution)--

<linkrel= "Apple-touch-startup-image" sizes= "640x960" href= "/splash-screen-640x960.png"/>

<!--iphone/ipod Touch vertical screen 640x960 (Retina)--

<linkrel= "Apple-touch-startup-image" sizes= "640x1136" href= "/splash-screen-640x1136.png"/>

<!--iPhone 5/ipod Touch 5 Vertical screen 640x1136 (Retina)--

<!--IOS splash screen End--

<!--IOS Device End--

<metaname= "Msapplication-tilecolor" content= "#000"/>

<!--Windows 8 tile Color--

<metaname= "Msapplication-tileimage" content= "Icon.png"/>

<!--a Windows 8 tile icon--

<linkrel= "Alternate" type= "Application/rss+xml" title= "RSS" href= "/rss.xml"/>

<!--add RSS subscriptions--

<linkrel= "shortcut icon" type= "Image/ico" href= "/favicon.ico"/>

<!--add Favicon icon–>

The link element for remote publishing

If your subject has <?php wp_head (),?> This function, the following two link elements will appear:

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/wordpress/xmlrpc.php?rsd" /><link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wordpress/wp-includes/wlwmanifest.xml" />

These two elements are primarily for remote publishing, such as using desktop blog editors such as Windows Live write to publish articles. If you do not need this feature, it is completely possible to delete the two elements, delete the method is to open your WordPress theme functions.php, at the bottom of the <?php}?> or?> tag, insert the following code:

remove_action(‘wp_head‘, ‘rsd_link‘);remove_action(‘wp_head‘, ‘wlwmanifest_link‘);

Note : You may be thinking, since it is <?php wp_head (); The?> function generates these two things and removes it. Yes, if you don't expect any of your other plugins to need this function, then delete it.

Meta is the response header message used to simulate an HTTP protocol in an HTML document. Meta tags are used in Name property
1, <meta name= "Generator" content= "" to illustrate the generation tools (such as Microsoft FrontPage 4.0), etc.;
2, <meta name= "KEYWords" content= "" to the search engine to explain the keywords of your page;
3, <meta name= "DEscription" content= "" to tell the search engine the main content of your site;
4, <meta name= "Author" content= "Your name" > Tell the search engine the author of your site's production;
5, <meta name= "Robots" content= "All|none|index|noindex|follow|nofollow" >
The properties are described as follows:
Set to all: The file will be retrieved and the link on the page can be queried;
Set to None: The file will not be retrieved, and the link on the page cannot be queried;
Set to index: The file will be retrieved;
Set to follow: links on the page can be queried;
Set to NOINDEX: The file will not be retrieved, but the link on the page can be queried;
Set to Nofollow: The file will not be retrieved and the link on the page can be queried.
Http-equiv Property
1, <meta http-equiv= "Content-type" content= "text/html"; charset=gb_2312-80 ">
and <meta http-equiv= "Content-language" content= "ZH-CN" to illustrate the text and language used in the production of the homepage;
Also such as English is the iso-8859-1 character set, there are BIG5, Utf-8, Shift-jis, Euc, Koi8-2 and other character sets; 2, <meta http-equiv= "Refresh" content= "N;url=http://your" Link "> Timed to allow the page within the specified time of N, jump to the page http;//yourlink;
3, <meta http-equiv= "Expires" content= "mon,12 May 2001 00:20:00 GMT" > can be used to set the expiration time of the Web page, and once it expires, it must be recalled to the server. It is important to note that the GMT time format must be used;
4, <meta http-equiv= "Pragma" content= "No-cache" is used to set the browser from the local computer cache to access the content of the page, after the settings once left the page can not be recalled from the cache;
5, <meta http-equiv= "Set-cookie" content= "mon,12 May 2001 00:20:00 GMT" >cookie set, if the page expires, the cookie will be deleted. It is also important to note that GMT time format must be used;
6, <meta http-equiv= "Pics-label" "" "" "> page rating, Internet Options in IE has a content setting to prevent browsing some restricted sites, and the site's limit is set by the meta-attribute;
7, <meta http-equiv= "Windows-target" content= "_top" > Force the page in the current window with a separate page display, you can prevent their own web page by others as a frame page call;
8, <meta http-equiv= "Page-enter" content= "Revealtrans (duration=10,transtion=50)" and <meta http-equiv= "Page-Exit" Contect= "Revealtrans (duration=20,transtion=6)" > Sets the special effect when entering and leaving the page, which is the "Format/page transition" in FrontPage, but the added page cannot be a frame page.

How to view Shortlink shortened URLs

The Get Shortlink button appears when you edit an article to see a short link to the current article. WordPress Default in the new Add mode does not appear, only in the editing mode will appear, because the record has not been formally saved into the database (not automatically save Auto-draft), there is no definite ID number, this number is the default parameter in Shortlink.

The above shortlink can not be directly modified manually, I see the source code, it seems that only through the filter function (or plug-in) for processing, see wp-includes\link-template in the Wp_get_shortlink function description (pre_get_ Shortlink), if there is no filter, the default is stitching into the P=id form. Second, the default generation Shortlink form

When Shortlink is enabled, the official release of the article code will bring such a bar

Which <link rel= ' shortlink ' href= ' http://localhost/?p=1234 '/> is actually the article shortened URL, the preceding canonical is to prevent duplicate ingest statement, There is also a prerequisite for shortlink to enable a fixed-link address, otherwise two addresses may be the same (not actually generated). Third, how to enable and disable Shortlink

1. How to enable this shortlink editing function

There is a sentence in the document wp-admin\edit-form-advanced.php:

$shortlink = Wp_get_shortlink ($post->id, ' post ');

if (!empty ($shortlink))

$sample _permalink_html. = ' <input id= "Shortlink" type= "hidden" value= "'. Esc_attr ($shortlink). ' "/><a href=" # "class=" button "onclick=" Prompt (& #39; url:& #39;, jQuery (\ ' #shortlink \ '). val ()); return false; " > '. __ (' Get shortlink '). ' </a> ';

is to display the button statement. The Wp_get_shortlink function is declared in wp-includes/link-template.php.

2. How to enable the Shortlink feature on the article page

Added in the topic functions.php:

Add_action (' Wp_head ', ' wp_shortlink_wp_head ', 10, 0);

This feature has been turned on by default in WordPress 3.0, which is used in default-filter.php to generate <linkrel= ' shortlink ' href= ' http://localhost/?p= in the header 1234 '/> Such a shortened URL.

3. How to disable the Shortlink function

Added in the topic functions.php:

Remove_action (' Wp_head ', ' wp_shortlink_wp_head ', 10, 0);

The above enabled and disabled versions will automatically take effect after WordPress 3.0.

4. How to manually invoke the Shortlink of the Log display page

Please use the following function:

<?php The_shortlink ($text, $title, $before, $after);, if you want to be compatible with earlier versions of WordPress, add function_exists (' The_shortlink ' )) to judge.

Four parameters (WordPress official reference):

text--Displays the text, which is the default "this is the short link."

title--hint text, which is the log title by default

before--adds text or HTML tags to the link address, and the following after parameters are generally used to shorten the URL style.

after--add text or HTML tags to the link address

For example, to output:

<ul><li><a rel= "Shortlink" href= "http://localhost/?p=14" title= "I am Shortlink" >visit to Shortlink </a></li></ul>

The following call is used:

<?php The_shortlink (' Visit to Shortlink ', ' I am shortlink ', ' <ul><li> ', ' </li></ul> ');?>

Note: 2016-06-25