一個完整的html 每一個標籤的含義

時間 2019-11-14

標籤一個完整 html 每一個標籤含義欄目 HTML 简体版

原文原文鏈接

 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>

一、 <!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 能夠識別   其餘都不識別  

二、<html xmlns="http://www.w3.org/1999/xhtml"> </html> 文檔標籤的開始標籤  全部的標籤都應該在這個標籤之中
　　xmlns="http://www.w3.org/1999/xhtml"   xmlns 屬性能夠在文檔中定義一個或多個可供選擇的命名空間。該屬性能夠放置在文檔內任何元素的開始標籤中。該屬性的值相似於 URL，它定義了一個命名空間，瀏覽器
　　會將此命名空間用於該屬性所在元素內的全部內容。
　　xmlns  在<html>中  無關緊要  瀏覽器在加載是會默認加載 xmlns 

三、<head>   文檔的頭部，頭部元素的容器。<head> 中的元素能夠引用腳本、樣式表、文檔標題等等。 文檔標題<title></title> 必須存在能夠不填

四、<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

　　meta是html中的元標籤，其中包含了對應html的相關信息，客戶端瀏覽器或服務器的程序會根據這些信息進行處理。
　　HTTP-EQUIV相似於HTTP的頭部協議，它迴應給瀏覽器一些有用的信息，以幫助正確和精確地顯示網頁內容。
　　content（內容類型）：重要！！這個網頁的格式是文本的，網頁模式
　　charset（編碼）：特別重要！！！這個網頁的編碼是utf-8，中文編碼，須要注意的是這個是網頁內容的編碼，而不是文件自己的，其餘類型的編碼中文可能會出現亂碼。

五、<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 頁面選擇卡上顯示的icon圖

六、<title>無標題文檔</title> 頁面名稱 經常使用來顯示網站名稱 若是是空則顯示地址

七、<script type="text/javascript" src="js/index.js" ></script>  頁面腳本  type 類型爲文本

八、<script type="text/javascript" src="js/jquery-1.11.0.js" ></script> js腳本  type 類型爲文本

九、<link href="../css/index.css" />  樣式表  默認爲text 文本類型

十、<style type="text/css"></style>   頁面內的樣式表

十一、<body> 頁面主體標籤  必須！！全部的內容標籤都寫在這個標籤中，只有在這個標籤中的標籤纔會在頁面顯示！！！1

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。