HTML複習筆記彙總(1)
這篇文章主要寫一下，複習HTML時候覺得有必要要記下來的東西
一，HTML文件的基本結構
1,一個簡單的html頁面例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>html標籤</title>
</head>
<body>
一個html頁面
</body>
</html>
2,html中的標準屬性
(1):calss:表示特定元素所屬的一個類或組
(2):id:為元素指定一個唯一性的標誌符
(3):style:為元素指定CSS屬性，這稱為內聯樣式
(4):title:為元素提供一個文字標題，
語言屬性: dir 把文字的閱讀方向設定為值ltr(從左到右)或rtl(從右到左)所指定的方向 lang 指定用於書寫所包含的內容的語言
3,html字元實體
顯示結果:實體名稱 ：  <:< >:> &:& ":" ':&apos 分:¢ 磅:&pount 元:&yan 節:§ 版權:© 註冊商標:® 乘號:× 除號:÷
4,為文件添加註釋
<!-- 註釋內容 -->
注意註釋只是在瀏覽器中不顯示，但是在客戶端的原始碼中仍是可以看到的
二:輔助性元素
1，用<title>標籤為文件新增標題
例子:<title>這是一個文件標題</title>
2，用<base>標籤為文件設定基礎URL
例子:<base href="http://www.myweb.com/" />
3，用<link>標籤定義文件關係連結
例子:<link rel="stylesheet" type="text/css" href="main.css" />
4，用<style>標籤為文件建立內部樣式表
5，用<script>標籤新增指令碼程式
例子:<script type="text/javascript">
window.onload = function(){
alert("hello world")
};
例子:<script type="text/javascript" src="main.js"></script>
6，用<meta>標籤為文件定義元資料
例子:<meta name="name屬性可用的關鍵字" content="關鍵字可用的值">
<meta http-equiv="http-equiv屬性可用的關鍵字" content="關鍵字可用的值">
name屬性值
- keywords content="HTML CSS javascript", 用來描述該文件的關鍵字，為搜尋引擎提供線索，非常有用
- Description content = "這是我的第一個網頁，你來收錄吧" 為搜尋引擎提供一份關於文件的簡單說明，非常有用
- Author content="xiaobaicai" 用來說明文件的設計者，很少用
- Generator content="Dreamweaver" 用來說明建立網頁所使用的程式設計工具，很少用
- Data content="2018-5-8" 用來說明文件的建立日期，不常用
- Copyright content="某某出版社" 用來說明文件的版權所有，不常用
- Robots Content="all none index noindex follow nofollow" 用來定義搜尋引擎的搜尋方式
搜尋方式:
- index：允許搜尋到的該網頁收錄到搜尋引擎資料庫，noindex反之
- follow : 即允許搜尋引擎機器人通過該網頁的連結連結到其他網站，nofollow反之
- all: 如果上述都允許，寫出all none反之
http-equiv屬性的值
- Content-type content="text/html;charset=gb2312" 設定網頁的內容型別和使用的字符集
- Content-language content="zh-CN", 描述本網頁使用的語言，瀏覽器根據此項可用選擇正確的語言渲染特點
- Refresh content="60,url=new.html" 設定瀏覽器定時跳轉，或者一定時間後重新整理自身
- Pragma content="no-cache" 設定瀏覽器從本地快取中調閱頁面內容，設定後一旦離開網頁就無法從本地快取中再調出
- Cache-Control content="no-cache" 作用和pragma的作用一樣，只不過針對的http版本不同
- Expires content="Tue,24,jan,2013,16:26:32 GMT" 設定網頁的到期時間，一旦到期則必須到伺服器中從新呼叫
- set-cookie content="Tue,24,Jan 2013 16:26:32 GMT" 設定cookie的過期時間
- windows-Target content="_top" 可用設定將當前網頁載入到哪個框架中