Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 久久国产亚洲观看,91啦在线视频,欧美毛片性视频区 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          html頁面結(jié)構(gòu)
          
        
           
          
	
	
          
		
                        
          tml文檔結(jié)構(gòu)
          1. HTML 元素
          HTML 文檔由 HTML 元素定義。
          HTML 元素語法
          HTML 元素以開始標(biāo)簽起始 HTML 元素以結(jié)束標(biāo)簽終止
          元素的內(nèi)容是開始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
          某些 HTML 元素具有空內(nèi)容（empty content）
          空元素在開始標(biāo)簽中進(jìn)行關(guān)閉（以開始標(biāo)簽的結(jié)束而結(jié)束）
          大多數(shù) HTML 元素可擁有屬性
          2.HTML 屬性
          屬性是 HTML 元素提供的附加信息。
          HTML 屬性
          HTML 元素可以設(shè)置屬性
          屬性可以在元素中添加附加信息
          屬性一般描述于開始標(biāo)簽
          屬性總是以名稱/值對的形式出現(xiàn)，比如：name="value"。
          3. 注釋
          注釋是一種特殊的標(biāo)簽，主要是幫助開發(fā)者理解代碼的邏輯。不會在網(wǎng)頁中顯示，但是在源代碼以及開發(fā)者工具中可以看到。很多編輯器中使用 Ctrl + / 組合鍵可以快速注釋。
          4. html結(jié)構(gòu)
          html頁面主要由一個html根元素和兩個子head和body子標(biāo)簽組成。別的更多標(biāo)簽都在這head和body里面。

          <!DOCTYPE html> 聲明為 HTML5 文檔
          html：元素是html頁面的根元素，所有html標(biāo)簽的一個根節(jié)點。
          head：文檔的頭部，描述了文檔的各種屬性和信息，包括文檔的標(biāo)題，在web中的位置以及和其他文檔的關(guān)系。
          meta：使用 <meta> 元素來描述HTML文檔的描述，關(guān)鍵詞，作者，字符集等。
          title：元素描述了文檔的標(biāo)題
          body：元素包含了可見的頁面內(nèi)容，文檔的主體，以后我們的頁面內(nèi)容基本上都是寫到這個標(biāo)簽里面的（比如文本、超鏈接、圖像、表格和列表）。

          <!DOCTYPE html>
<!--html是html文檔的根元素-->
<html >
    <!--head定義文檔標(biāo)題等屬性，用戶不可見-->
    <head>
        <meta charset="UTF-8">
        <!--title設(shè)置網(wǎng)頁的標(biāo)題-->
        <title>我的第一個網(wǎng)頁</title>
    </head>
    <!--body顯示給用戶的內(nèi)容-->
    <body>
        Hello world, 我是一個男孩！
    </body>
</html>




          閱讀原文
          例
          簡單的 HTML5 文檔：
          <!DOCTYPE html>
          <html>
          <head>
          <meta charset="utf-8">
          <title>文檔標(biāo)題</title>
          </head>
          <body>
          文檔內(nèi)容......
          </body>
          </html>
          瀏覽器支持
          所有主流瀏覽器都支持 <html> 標(biāo)簽。
          標(biāo)簽定義及使用說明
          <html> 標(biāo)簽告知瀏覽器這是一個 HTML 文檔。
          <html> 標(biāo)簽是 HTML 文檔中最外層的元素。
          <html> 標(biāo)簽是所有其他 HTML 元素（除了 <!DOCTYPE> 標(biāo)簽）的容器。
          HTML 4.01 與 HTML5之間的差異
          HTML5 中，增加了一個新屬性：manifest。
          HTML 與 XHTML 之間的差異
          xmlns 屬性在 XHTML 中是必需的，但在 HTML中不是。
          然而，即使 XHTML 文檔中的 <html> 沒有使用 xmlns 屬性，W3C 上的 HTML 驗證器也不會報錯。這是因為 "xmlns=http://www.w3.org/1999/xhtml" 是一個固定值，即使您沒有包含它，此值也會被添加到 <html> 標(biāo)簽中。
          屬性
          New ：HTML5 中的新屬性。
          屬性值描述
          manifestNewURL定義一個 URL，在這個 URL 上描述了文檔的緩存信息。
          xmlnshttp://www.w3.org/1999/xhtmlHTML 不支持。只有 XHTML 支持。 規(guī)定 XML 的 namespace 屬性（如果您需要您的內(nèi)容符合 XHTML，則使用這個屬性。）。
          全局屬性
          <html> 標(biāo)簽支持 HTML 的全局屬性。
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
          篇文章介紹了<!--...--> 注釋標(biāo)簽，我個人感覺很容易理解，在日常編碼中，大多數(shù)編輯器都有注釋標(biāo)簽的快捷鍵，如sublime或VS code里在html代碼里，選中想要注釋掉的代碼后，直接按ctrl+/即可。幾乎不用手動輸入了。還是很方便的。
          這篇我寫<!DOCTYPE>標(biāo)簽，說起來這個標(biāo)簽，很常見，因為它會出現(xiàn)在每一個httml文檔的最開頭，然而，我們很少去重視它，為什么呢？
          說到這個標(biāo)簽，我不得不說起html的版本歷史了。
          在大約10年前吧，html5應(yīng)用還不如今天這么廣泛吧，于是當(dāng)時的文檔類型聲明如下
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

          很長，也很難記，由于我入行晚，懂得這玩意就只是一個聲明了，比如strict表示嚴(yán)格模式。其他的我也不想知道了。
          當(dāng)然html版本的規(guī)范從4到5的過渡經(jīng)歷了太多年，因為要考慮老瀏覽器的兼容性，再加上前期移動設(shè)備配置低，不支持較為復(fù)雜的媒體元素。于是，一些資歷深的前端開發(fā)人員，面對這么長的代碼還是有很長一段時間。
          當(dāng)然，9102年都快過完了，我們這邊已經(jīng)不需要再考慮這些了，于是，我直接就用html5了。
          然后聲明文檔給格式，就變得很簡單了。
          <!DOCTYPE html>

          最開始我是使用sublime生成的模板練習(xí)的，然后，犯懶，直接輸入了<html>就出來下面的代碼：
          <!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
</body>
</html>

          然后就開始進(jìn)行填充了。
          直到今天我才注意到原來<!DOCTYPE html>是單獨的一行，與下方<html></html>是兩碼事。
          所以，我重新看了下書上的強調(diào)內(nèi)容：
          1. <!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位于 <html> 標(biāo)簽之前，沒有結(jié)束標(biāo)簽，對大小寫不敏感。
          2. <!DOCTYPE> 聲明不是 HTML 標(biāo)簽；它是指示 web 瀏覽器關(guān)于頁面使用哪個 HTML 版本進(jìn)行編寫的指令。
          3. 在 HTML 4.01 中，<!DOCTYPE> 聲明引用 DTD(文檔類型定義)，因為 HTML 4.01 基于 SGML（標(biāo)準(zhǔn)通用標(biāo)記語言)）。DTD 規(guī)定了標(biāo)記語言的規(guī)則，這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容。
          4. HTML5 不基于 SGML，所以不需要引用 DTD。
          關(guān)于SGML，參見https://wiki.mbalib.com/wiki/SGML
          常用的 DOCTYPE 聲明
          HTML 5
          <!DOCTYPE html>

          HTML 4.01 Strict
          該 DTD 包含所有 HTML 元素和屬性，但不包括展示性的和棄用的元素（比如 font）。不允許框架集（Framesets）。
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
          HTML 4.01 Transitional
          該 DTD 包含所有 HTML 元素和屬性，包括展示性的和棄用的元素（比如 font）。不允許框架集（Framesets）。
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

          HTML 4.01 Frameset
          該 DTD 等同于 HTML 4.01 Transitional，但允許框架集內(nèi)容。
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
"http://www.w3.org/TR/html4/frameset.dtd">

          XHTML 1.0 Strict
          該 DTD 包含所有 HTML 元素和屬性，但不包括展示性的和棄用的元素（比如 font）。不允許框架集（Framesets）。必須以格式正確的 XML 來編寫標(biāo)記。
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

          XHTML 1.0 Transitional
          該 DTD 包含所有 HTML 元素和屬性，包括展示性的和棄用的元素（比如 font）。不允許框架集（Framesets）。必須以格式正確的 XML 來編寫標(biāo)記。
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          XHTML 1.0 Frameset
          該 DTD 等同于 XHTML 1.0 Transitional，但允許框架集內(nèi)容。
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

          XHTML 1.1
          該 DTD 等同于 XHTML 1.0 Strict，但允許添加模型（例如提供對東亞語系的 ruby 支持）。
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

          最后，雖然上方的html4和xml的文檔類型聲明這么麻煩了，但是這里沒什么知識點了，因為如今，html5應(yīng)用這么普及了，我們只需在文檔開頭寫<!DOCTYPE html>即可，當(dāng)然html4的嚴(yán)格模式和傳統(tǒng)模式大概知道就行了。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
精品一区二区三区中文|
精品少妇人妻AV一区二区三区
|
亚洲Av无码国产一区二区
|
在线欧美精品一区二区三区|
国产传媒一区二区三区呀|
亚洲一区二区免费视频|
亚洲中文字幕丝袜制服一区
|
国产精品小黄鸭一区二区三区|
精品无码一区二区三区在线|
中文字幕一区二区人妻性色|
国产一区三区二区中文在线|
亚洲AⅤ无码一区二区三区在线|
国产乱码精品一区二区三区四川人|
日产亚洲一区二区三区|
无码国产精品一区二区免费3p|
亚洲AV日韩精品一区二区三区|
精品无码一区二区三区水蜜桃|
最新中文字幕一区二区乱码|
国产午夜精品一区二区三区极品
|
精品一区二区久久久久久久网站|
国产无吗一区二区三区在线欢|
久久久无码精品人妻一区|
bt7086福利一区国产|
天堂va视频一区二区|
在线免费视频一区二区|
国产无吗一区二区三区在线欢
|
日韩一区二区电影|
日本成人一区二区三区|
男女久久久国产一区二区三区|
久久久一区二区三区|
亚洲蜜芽在线精品一区|
精品无码国产一区二区三区AV
|
无码人妻AⅤ一区二区三区|
国产精品无圣光一区二区|
亚洲福利视频一区|
色综合视频一区中文字幕|
国产一区二区精品久久91|
久久精品无码一区二区日韩AV|
国产色情一区二区三区在线播放|
国产亚洲一区二区手机在线观看|
福利一区二区三区视频在线观看
|