一個完整的html 每個標簽的含義
阿新 • • 發佈：2018-05-15
格式 亂碼 服務 align 頁面 文本 color har 處理
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 5 <title>無標題文檔</title> 6 <script type="text/javascript" src="js/index.js" ></script> 7 <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> 8 <link href="../css/index.css" /> 9 <style type="text/css"> 10.bgx { 11 border-bottom-width: 2px; 12 border-bottom-style: solid; 13 border-bottom-color: #00F; 14 } 15 body { 16 margin-left: 0px; 17 margin-top: 0px; 18 margin-right: 0px; 19 } 20 .qqxf { 21 font-size: 14px; 22 color: #666; 23 text-align: center; 24 } 25.zhmm { 26 width: 100px; 27 } 28 .xwz { 29 font-size: 14px; 30 } 31 .denglu { 32 width: 100px; 33 height: 25px; 34 } 35 </style> 36 </head> 37 38 <body> 39 <div></div> 40 </body> 41 </html>
1、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位於 <html> 標簽之前。 簡單來說這個是瀏覽器讀你頁面的一個標識讓瀏覽器知道標簽的可讀性
例如:<header> 標簽定義文檔的頁眉（介紹信息）。 只有<!DOCTYPE html> html5 可以識別 其他都不識別
2、<html xmlns="http://www.w3.org/1999/xhtml"> </html> 文檔標簽的開始標簽 所有的標簽都應該在這個標簽之中
xmlns="http://www.w3.org/1999/xhtml" xmlns 屬性可以在文檔中定義一個或多個可供選擇的命名空間。該屬性可以放置在文檔內任何元素的開始標簽中。該屬性的值類似於 URL，它定義了一個命名空間，瀏覽器
會將此命名空間用於該屬性所在元素內的所有內容。
xmlns 在<html>中 可有可無 瀏覽器在加載是會默認加載 xmlns
3、<head> 文檔的頭部，頭部元素的容器。<head> 中的元素可以引用腳本、樣式表、文檔標題等等。 文檔標題<title></title> 必須存在可以不填
4、<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
meta是html中的元標簽，其中包含了對應html的相關信息，客戶端瀏覽器或服務器的程序會根據這些信息進行處理。
HTTP-EQUIV類似於HTTP的頭部協議，它回應給瀏覽器一些有用的信息，以幫助正確和精確地顯示網頁內容。
content（內容類型）：重要！！這個網頁的格式是文本的，網頁模式
charset（編碼）：特別重要！！！這個網頁的編碼是utf-8，中文編碼，需要註意的是這個是網頁內容的編碼，而不是文件本身的，其他類型的編碼中文可能會出現亂碼。
5、<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 頁面選擇卡上顯示的icon圖
6、<title>無標題文檔</title> 頁面名稱 常用來顯示網站名稱 如果是空則顯示地址
7、<script type="text/javascript" src="js/index.js" ></script> 頁面腳本 type 類型為文本
8、<script type="text/javascript" src="js/jquery-1.11.0.js" ></script> js腳本 type 類型為文本
9、<link href="../css/index.css" /> 樣式表 默認為text 文本類型
10、<style type="text/css"></style> 頁面內的樣式表
11、<body> 頁面主體標簽 必須！！所有的內容標簽都寫在這個標簽中，只有在這個標簽中的標簽才會在頁面顯示！！！1
一個完整的html 每個標簽的含義