1、事例代碼
代碼其實網絡上處處都是，隨便打開一個網站，右擊查看源代碼O了，一份完整的html源代碼。可是別人的網站，老是不少亂七八糟的，在這裏，給你們一份簡單點的代碼來作爲例子吧。咱們今天就就講head部分 javascript
| 06 |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
| 07 |
<link rel="stylesheet" type="text/css" href="/index.css" /> |
| 08 |
<script type="text/javascript"> |
| 09 |
document.write("Hello World!") |
| 12 |
<style type="text/css"> |
| 19 |
<img src="logo_news_137_46.png"> |
2、<!doctype>標籤
此標籤可告知瀏覽器文檔使用哪一種規範。如上面的例子，doctype標籤出如今文檔的最開始的時候，處於 <html> 標籤以前。另外該標籤沒有結束標籤。這裏咱們主要使用的是， css
如今咱們來解釋下：該文檔可包含 W3C 所指望移入樣式表的呈現屬性和元素。若是你的用戶用了不支持層疊樣式表（CSS）的瀏覽器以致於您不得不使用 HTML 的呈現特性時，那就用這個吧。 html
接下來另外幾個就介紹下就能夠了，不須要很深刻的瞭解 java
| 2 |
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" |
若是您須要乾淨的標記，免於表現層的混亂，請使用此類型。請與層疊樣式表（CSS）配合使用。 jquery
| 2 |
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" |
當您但願使用框架時，請使用此 DTD ajax
以上都是xhtml的寫法，對應的還有三種html寫法 api
| 1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " |
| 2 |
http://www.w3.org/TR/html4/loose.dtd"> |
| 4 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " |
| 5 |
http://www.w3.org/TR/html4/frameset.dtd"> |
| 7 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " |
| 8 |
http://www.w3.org/TR/html4/strict.dtd"> |
其實實際使用中不寫這麼清楚也是能夠的，好比百度和google的主頁，就寫了個<!doctype html> 瀏覽器
3、<head>標籤
html標籤包含head和body兩個標籤，第一個標籤就是head標籤。head標籤通常都是用來通知瀏覽器一些信息，好比到哪裏找css，到哪裏找javascript等等。下面這些標籤可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。其中<title>是必須的。 cookie
4、<title>標籤
<title> 元素用來定義文檔的標題。在頁面被加入收藏夾時，標題將被默認使用。 網絡
5、<base> 標籤
該標籤爲頁面上的全部連接（這其中包括 <a>、<img>、<link>、<form> 標籤中的 URL）規定默認地址或默認目標。
| 屬性 |
值 |
描述 |
DTD（doctype） |
| href |
URL |
規定頁面中全部相對連接的基準 URL。 |
STF（S=Strict, T=Transitional, F=Frameset） |
6、<link>標籤
<link> 標籤最多見的用途是連接樣式表。從本例中能夠看出用法也很簡單。
可選屬性
| 屬性 |
值 |
描述 |
DTD |
| charset |
charset |
定義被連接文檔的字符編碼方式。 |
STF |
| href |
URL |
定義被連接文檔的位置。 |
STF |
| hreflang |
language_code |
定義被連接文檔中文本的語言。 |
STF |
| media |
- screen
- tty
- tv
- projection
- handheld
- print
- braille
- aural
- all
|
規定被連接文檔將顯示在什麼設備上。 |
STF |
| rel |
- alternate
- appendix
- bookmark
- chapter
- contents
- copyright
- glossary
- help
- home
- index
- next
- prev
- section
- start
- stylesheet
- subsection
|
定義當前文檔與被連接文檔之間的關係。 |
STF |
| rev |
- alternate
- appendix
- bookmark
- chapter
- contents
- copyright
- glossary
- help
- home
- index
- next
- prev
- section
- start
- stylesheet
- subsection
|
定義被連接文檔與當前文檔之間的關係。 |
STF |
| target |
- _blank
- _parent
- _self
- _top
- framename
|
定義在何處加載被連接文檔。 |
TF |
| type |
MIME_type |
規定被連接文檔的 MIME 類型。 |
STF |
標準屬性：id, class, title, style, dir, lang, xml:lang
標準事件：onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
7、<meta>標籤
必要屬性：
| 屬性 |
值 |
描述 |
DTD |
| content |
some_text |
定義與 http-equiv 或 name 屬性相關的元信息 |
STF |
content 屬性提供了名稱/值對中的值。該值能夠是任何有效的字符串。
content 屬性始終要和 name 屬性或 http-equiv 屬性一塊兒使用。
可選屬性
| 屬性 |
值 |
描述 |
DTD |
| http-equiv |
- content-type
- expires
- refresh
- set-cookie
- charset
|
把 content 屬性關聯到 HTTP 頭部。 |
STF |
| name |
- author
- description
- keywords
- generator
- revised
- others
|
把 content 屬性關聯到一個名稱。 |
STF |
| scheme |
some_text |
定義用於翻譯 content 屬性值的格式。 |
STF |
其中description和keywords是對SEO友好最重要的標籤。
標準屬性：dir, lang, xml:lang
8、<script>標籤
<script> 標籤用於定義客戶端腳本，好比 JavaScript。script 元素既能夠包含腳本語句，也能夠經過 src 屬性指向外部腳本文件。必需的 type 屬性規定腳本的 MIME 類型。
必選屬性：
| 屬性 |
值 |
描述 |
DTD |
| type |
MIME-type |
指示腳本的 MIME 類型。 |
STF |
可選屬性：
| 屬性 |
值 |
描述 |
DTD |
| charset |
charset |
規定在外部腳本文件中使用的字符編碼。 |
STF |
| defer |
defer |
規定是否對腳本執行進行延遲，直到頁面加載爲止。 |
STF |
| language |
script |
不同意使用。規定腳本語言。請使用 type 屬性代替它。 |
TF |
| src |
URL |
規定外部腳本文件的 URL。 |
STF |
| xml:space |
preserve |
規定是否保留代碼中的空白。 |
|
9、<style>標籤
<style> 標籤用於爲 HTML 文檔定義樣式信息。
必需的屬性：
| 屬性 |
值 |
描述 |
DTD |
| type |
text/css |
規定樣式表的 MIME 類型。 |
STF |
可選屬性：
| 屬性 |
值 |
描述 |
DTD |
| media |
- screen
- tty
- tv
- projection
- handheld
- print
- braille
- aural
- all
|
爲樣式表規定不一樣的媒介類型。 |
STF |
標準屬性：title, dir, lang, xml:space
本文固定連接: http://www.qaforcode.net/archives/282 | 豬哥每日一貼