2011年11月30日 星期三

head element


head element,用以描述當前HTML文件內容,如文件的標題、關鍵字,也許作用於搜索引擎,以及其他數據,但不包含文件的本文內容,在head中是不會有可繪製的視覺元素,在head內可用的有<title>、<base>、 <link>、<meta>、<script>、 <style>。

  • base:可以設定HTML文件內預設的href以及target
    • href的值:URI
    • target的值:_blank、_parent、_self、_top、framename。
    • 若使用<a>、<img>、<link>、<form>之類的元素若他們URL未設定,就會使用預設的url。
  • link:用於連接外部資源檔案,最常見的是CSS樣式表,如:
<link href="styleFile.css" rel="stylesheet" type="text/css"></link>

  • style:HTML檔內定義樣式,如:
<style type="text/css">
.demoBackground{background:#DAFFEC}
</style>

//結果
div background is #DAFFEC

  • script用以在HTML本文中使用script或是引用外部script程式語言檔,如:
//結果(直接在HTML文檔裡寫入javascript)
<script type="text/javascript">
//javaScript撰寫於此
</script>

//引用外部javaScript
<script type="text/javascript" src="javaScriptFile.js"></script> 


  • meta使用範例,meta是一名值對(name/content)
<meta name='keywords' content='Flex,flash,學習筆記'/> 
<meta name='author'   content='JT'/> 
<meta name="date"     content="2011/05/24">
<meta name='robots'   content='all'/> 

//http-equiv可以在HTTP的表頭內帶入資訊。
<meta http-equiv="charset" content="utf-8">
<meta http-equiv="Expires" content="Tue, 20 Aug 1996 14:25:27 GMT">


//will result in the HTTP header(HTTP回傳表頭將會):
content-type: text/html
charset:utf-8
Expires: Tue, 20 Aug 1996 14:25:27 GMT

引用與參考資料
w3cSchool:
head元素
link元素
style元素
script元素
meta

W3C官方:
7.4.1 The HEAD element
7.4.4 Meta data

沒有留言:

張貼留言