html中有很多標簽,下面介紹最基本的幾個標簽。
1、meta
是head標簽中的一個輔助性標簽。
有2個重要屬性:
(1)name
可以優化頁面被搜索到的可能性。name中可以指定屬性,content是屬性值。
?
<html><head><meta name="keywords" content="python,編程"><!- 搜索引擎的關鍵字說明 -><meta name="description" content="學習python編程"><!- 搜索引擎說明主要內容 -><meta name="generator" content="python.exe"><!- 向頁面說明生成的軟件 -><meta name="author" content="yupeigu"><!- 向頁面說明作者 -><meta name="robots" content="all"><!- 向頁面說明限制搜索的方式 -></head>
</html>
?
(2)http-equiv
反饋給瀏覽器一些明確的信息,幫助瀏覽器更加精確的顯示頁面,會把content屬性關聯到http頭。
?
<html><head><meta http-equiv="content-type" content="text/html; charset=gb2312"></head>
</html>
說明了這個頁面使用的字符集是gb2312,如果瀏覽這個網頁時,電腦中么沒有gb2312字符集,瀏覽器會提示需要下載 漢語支持。
?
另外,http-equiv還有一些特殊的效果,下面代碼可以實現網頁定時跳轉:
<html><head><title>網頁跳轉</title><meta http-equiv="refresh" content="6; url=http://www.baidu.com"></meta></head><body>6秒后,網頁會自動跳轉到 www.baidu.com ...</body>
</html>
效果就像在網頁中顯示的一樣,http-equiv設置為刷新,內容是6秒鐘,要刷新到 百度首頁。
?
2、link
給頁面定義了一個外部文件的鏈接,可以用來鏈接外部的css樣式,比如:
?
<html><head><link rel="stylesheet" type="text/css" href="/html/csstest1.css" ></head>
</html>
其中rel屬性指出被鏈接的文檔是一個樣式表,類型是css,鏈接是文件:?/html/csstest1.css
?
3、base
定義頁面所有鏈接的基礎定位,確保文檔中所有的相對url,都能分解成正確的文檔地址:
?
<html><head><base href="http://blog.csdn.net/"><base target="_blank"></head><body><a href="sqlserverdiscovery/">我的blog</a></body>
</html>
?
點擊超鏈接,就會跳轉到 我的csdn博客,base標簽類似于基礎路徑,合并之后就是:http://blog.csdn.net/sqlserverdiscovery/
另外,target屬性指定了在何處打開這個鏈接,_blank就是彈出新的網頁,而不是在當前網頁中顯示。
4、style
style定義css樣式,比如:
?
<style type="text/css">.style1 {font-size: 20px;font-weight: bold;color: #FFFFFF;}
</style>
?
上面定義了class屬性值為 style1的標簽的樣式,包括:文字大小,粗體,字的顏色。
5、script
用來定義頁面中的腳本,比如:javascript腳本,通過這個標簽就可以放到html中:
?
<script type="text/javascript">
</script>
6、title
title用來定義網頁的標題,也就是網頁的名字,如果不定義,就顯示Untitled Document。
?
<!DOCTYPE html>
<html><head><title>網頁的名字</title></head>
</html>
7、body
?
body標簽定義了網頁主體內容的開始、結束,也就是大家在瀏覽器中看到的網頁內容,另外,大部分的標簽都能放到body標簽中。
?
<!DOCTYPE html>
<html><head><title>網頁的名字</title></head><body>這里是網頁的內容,是網頁的關鍵。</body>
</html>
?