<base></base>：默認鏈接
使用在頭部的標簽
base標簽為頁面上所有鏈接 指定 默認鏈接或 默認目標
使用base標簽后，瀏覽器將不在使用當前文檔的url ，而使用指定url來解析所有文檔中其他標簽的url
這其中包括<a>，<img>，<link>，<form>標簽中的url
下圖a標簽與img標簽與base標簽拼接成 https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1454783519,2870582753&fm=26
如果a標簽的href與img的src屬性沒有值將指向https://ss0.bdstatic.com
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<base href="https://ss0.bdstatic.com" />
<title>我是一個標題</title>
</head>
<body>
<img src="/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1454783519,2870582753&fm=26"/>
<a href="/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1454783519,2870582753&fm=26">陳一發</a>
</body>
</html>
<title></title>:頭部標題標簽
使用在頭部的標簽
title元素可定義文檔的標題，瀏覽器會把它顯示在標題欄或狀態欄上
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>我是一個標題</title>
</head>
<body>
</body>
</html>
<script></script>:腳本標簽
頭部與主體都可以使用的標簽
script用於定義客戶端腳本，比如javascript
script元素既可以包含腳本語句,也可以通過src屬性指向外部腳本文件，必須的type屬性規定腳本的mime類型
常見的MIME類型：
超文本標記語言文本 .html,.html text/html
普通文本 .txt text/plain
RTF文本 .rtf application/rtf
GIF圖形 .gif image/gif
JPEG圖形 .jpeg,.jpg image/jpeg
au聲音文件 .au audio/basic
MIDI音樂文件 mid,.midi audio/midi,audio/x-midi
RealAudio音樂文件 .ra, .ram audio/x-pn-realaudio
MPEG文件 .mpg,.mpeg video/mpeg
AVI文件 .avi video/x-msvideo
GZIP文件 .gz application/x-gzip
TAR文件 .tar application/x-tar
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>我是一個標題</title>
<script type="text/javascript">document.write("<h1>我是一個js腳本</h1>")</script> </head> <body> <script type="text/javascript">document.write("<h1>我是一個js腳本</h1>")</script> </body> </html>
<style></style>:樣式風格標簽
頭部使用的標簽
style標簽為html文檔定義樣式信息
在style中 可以規定在瀏覽器中如何呈現html文檔
type屬性是必須的，定義sty元素屬性的內容 唯一可能的值是text/css
text/css 是文本樣式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
h1{color: red;} p{color: blue;} a{color: black;} </style> <title>我是一個標題</title> </head> <body> <p>我是藍色的</p> <a>我是黑色的</a> <h1>我是紅色的</h1> </body> </html>
<link></link>:外部資源標簽
link標簽定義文檔與外部資源的關系
link標簽最常見的用途是鏈接樣式表
css/css1.css是在css目錄下新建的一個.css文件
里面定義了p標簽的背景樣式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
h1{color: red;} p{color: blue;} a{color: black;} </style> <link rel="stylesheet" type="text/css" href="css/css1.css"/> <title>我是一個標題</title> </head> <body> <p>我是藍色的,但是背景是黃色的</p> <a>我是黑色的</a> <h1>我是紅色的</h1> </body> </html>