本系列適合作為HTML的復(fù)習(xí)文檔一汽。
本章為除body標(biāo)簽外的各種內(nèi)容半醉,主要參考來源:
0 前端簡介
基礎(chǔ)
HTML+CSS+JS
進(jìn)階
各種框架庫工具的應(yīng)用。
Ajax——Asynchronous Javascript And XML(異步JavaScript和XML)
動(dòng)態(tài)網(wǎng)頁技術(shù):PHP板驳、JSP样勃、ASP.NET
學(xué)習(xí)路徑
一個(gè)推薦:HTML入門→CSS入門→HTML進(jìn)階→CSS進(jìn)階→JavaScript入門→jQuery入門→ASP.NET入門→ASP.NET進(jìn)階;
幾個(gè)概念
靜態(tài)頁面與動(dòng)態(tài)頁面的區(qū)別在于是否和服務(wù)器/后端進(jìn)行交互嗦董,而非“會(huì)不會(huì)動(dòng)”母谎。
1 簡介
1.1 HTML的幾個(gè)特性
- Hyper Text Markup Language/超文本標(biāo)記語言-描述性的標(biāo)記語言而非編程語言;
- 構(gòu)成網(wǎng)頁的框架/骨架京革;
- 由標(biāo)簽構(gòu)成奇唤,標(biāo)簽一般成對(duì)出現(xiàn)—開始和閉合;
- 有時(shí)會(huì)將“標(biāo)簽”表述為“元素”存崖,兩者是一個(gè)東西冻记。- element
1.2 HTML的基本結(jié)構(gòu)
<!DOCTYPE HTML><html> <head> ...... </head> <body> .... </body> </html>
2 head標(biāo)簽
一般來說,head標(biāo)簽內(nèi)可寫以下6種標(biāo)簽:
① <title>来惧;
② <meta>冗栗;
③ <link>;
④ <style>供搀;
⑤ <script>隅居;
⑥ <base>。
2.1 title標(biāo)簽
定義頁面的標(biāo)題葛虐。
2.2 meta標(biāo)簽
又稱“元信息標(biāo)簽”
2.2.1 name屬性
實(shí)例:
<meta name="keywords" content="xxx"/> <meta name="description" content="bbb"/> <meta name="author" content="hhh"> <meta name="copyright" content="uuu"/>
- keywords 網(wǎng)頁關(guān)鍵字胎源,可以有多個(gè)。
- description 網(wǎng)頁描述屿脐。
- author 網(wǎng)頁作者涕蚤。
- copyright 版權(quán)信息。
2.2.2 http-equiv屬性
- 定義頁面使用的語言
實(shí)例:
<meta http-equiv="content-type" content="text/html"; charset="gb2312" />
- 實(shí)現(xiàn)頁面自動(dòng)刷新跳轉(zhuǎn)
實(shí)例:
<meta http-equiv="refresh" content="6;url=http://www.baidu.com" />
2.3 style標(biāo)簽
用于定義元素的CSS樣式的诵。
寫法為:
<style type="text/css"> </style>
實(shí)際開發(fā)中万栅,CSS樣式一般都用link外部鏈接。
2.4 script標(biāo)簽
用于定義頁面的腳本西疤。
寫法:
<script type="text/javascript"></script>
同CSS一樣烦粒,JS一般也采用外部鏈接。
2.5 link標(biāo)簽
用于外部CSS和JS文件的鏈接代赁。
寫法:
<link rel="stylesheet"