這篇是接續上篇的文章，所以就直接開始吧。
系列文章：
[WordPress]解析佈景scov4的header.php（一）
[WordPress]解析佈景scov4的header.php（二）（本篇）
一、<head>
過來出現的是<head profile="http://gmpg.org/xfn/11">，這個是<head>這個標籤，反正就是和</head>包起來去插入一些要讓瀏覽器或搜尋引擎先讀的東西，例如：標題、要讀的css、描述等東西，通常是不會讓讀者看到的東西。而 <head>是放在<html>，然後</head>放在<body> 標籤或 <frameset> 標籤之前。
而裡面的profile="http://gmpg.org/xfn/11"是profile屬性，是指向一個內容是一組規則的文件的URL，而http://gmpg.org/xfn/11這裡規則，可以點進去看，是增加了標籤a（也就是連結標籤）的rel屬性的值，xfn全稱是XML Friends Network，也就是聲明這個連結與你的關係，使用這個對於一般使用瀏覽器沒什麼差別，可能用在一些商業活動或是數據服務，只是好像還是沒很實質的應用，可去官網自行研究，也可參考等一下的延伸閱讀，而所增加rel可參考http://gmpg.org/xfn/11的內容，而Wordpress有使用的部份可去看新增連結時，它下面會給你選擇連結網路（XFN）裡就可選擇了。
但是profile屬性在html5被廢除了，而取代我目前找不到文章解釋（英文太爛了），但是我看了很多使用html5的網頁，都是以在<head>和</head>裡加上<link rel="profile" href="http://gmpg.org/xfn/11" />代替，變成像下面類似：
1 2 3 4 5 6 7 |
而我使用W3C檢測也沒錯誤，所以我暫時使用這樣。
延伸閱讀：
非常酷的微格式：XFN規範
基於鏈接關係的微格式
試玩: 社會搜索與 XFN
HTML<head>標籤
HTML 5<head>標籤
二、<meta>
過來出現的就是<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />。
<meta>是放置在<head>與</head>中，它的用途有很多，主要就是提供給瀏覽器的資訊和給搜尋引擎資訊，而這裡所作的結果就是：設定頁面使用的字符集，用以說明主頁製作所使用的文字已經語言，瀏覽器會根據此來調用相應的符集顯示page內容，這裡常用的http-equiv有兩種常用的值，Content-Type就是此佈景現在所使用的，用於表明此網頁適用何種編碼，如：GB2312（簡體中文編碼）、BIG5（正體中文編碼）以及UTF-8（萬國碼編碼），目前UTF-8為主流，主要它可以包含所有不同語言，要指定編碼則是使用content這個屬性，若使用Content-Type時content屬性還可以加個html的類型，而通常就是text/html，整體使用樣式通常為<meta http-equiv="Content-Type" content="文檔類型; charset=編碼" />，而這裡使用的<?php bloginfo('html_type'); ?>，則預設輸出就是text/html，而<?php bloginfo('charset'); ?>所輸出的就是在後台設定的閱讀設定的文字編碼方式，預設值是UTF-8通常是不用改啦，如果為了節省時間可以直接改成<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />以減少函式跑得時間。
而另一種http-equiv常用的值則是Content-Language，這是用來設定語言的，而在前面<html>就已經有設定了，所以這邊就不用加了，顯示一下它的常見形式<meta http-equiv="Content-Language" content="zh-TW">。
前面Content-Type顯示編碼的形式在HTML5時可以節省為<meta charset="編碼"/>的形式，套用wordpress的函式則變為<meta charset="<?php bloginfo( 'charset' ); ?>" />，最後如果要節省時間的話，可直接變為<meta charset="UTF-8" />。
除了http-equiv這個屬性，還有name才是最常用的屬性，它可以為搜尋引擎描述關鍵字（keywords）、描述作者（author）、描述摘要（description）、指定搜尋引擎的收錄條件（Robots或者特定收尋機器人名稱），其樣式為
1 | <meta name="值" content="描述" /> |
這邊就不一一說明，但是在[WordPress]自己做SEO，取代All-in-one SEO這篇文章有使用到關鍵字、描述摘要、指定搜尋引擎的收錄條件，在其第二點和第三點。
延伸閱讀：
HTML文檔中meta標籤的作用
【META http-equiv="Content-Type" Content="text/html; Charset=*】意義詳解
HTML<meta>標籤
HTML 5<meta>標籤
三、<title>
這裡出現的是，<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>，title這個標籤簡單來說就是顯示在瀏覽器上方的標題顯示，而<?php bloginfo('name')?>則顯示部落格的名稱，而其設定就是後台設定的一般設定的網誌標題可修改，一樣可直接輸入名稱以減少時間，<?php wp_title(); ?>，所顯示的就是在文章頁面時顯示文章標題，在分類、標籤等頁面則顯示其名稱。
而修改這個可做到一些優化，可參考[WordPress]自己做SEO，取代All-in-one SEO這篇文章。
未完待續....
系列文章：
[WordPress]解析佈景scov4的header.php（一）
[WordPress]解析佈景scov4的header.php（二）（本篇）
0 留言▼