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 99国产精品久久,日韩在线免费,久久国产亚洲观看 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          所以，你不知道微信H5居然有8個(gè)隱秘技能？
          
        
           
          
	
	
          
		
                        
          5怎么植入第三方音視頻？
          H5怎么設(shè)置文件加密下載？
          如何“盜取”別人的H5素材？
          以下和H5相關(guān)的隱秘技能，是我回顧這半年多在iH5.cn做H5的經(jīng)驗(yàn)，總結(jié)出8個(gè)不容易被人發(fā)覺(jué)，在微信H5上卻十分實(shí)用的技巧。
          ·
          【1】植入音頻
          制作一個(gè)包含很多音視頻的H5，上傳素材很耗時(shí)間，文件的大小也有限制，但這種問(wèn)題通過(guò)外鏈就可以解決。
          什么外鏈？必須是音視頻的資源地址，也就是下載地址才行。因?yàn)镠TML5能對(duì)音視頻提供原生支持，MP3、MP4格式文件一般能在國(guó)內(nèi)瀏覽器直接播放。
          怎么獲取這個(gè)鏈接？以蝦米音樂(lè)為例，感謝有高人破解了它加密的音樂(lè)資源地址！方法如下：http://link.hhtjim.com/xiami/1769962750.mp3（把左邊這串標(biāo)識(shí)歌曲的數(shù)字換成蝦米對(duì)應(yīng)歌曲的ID，就得到這首歌的資源位置）。
          那歌曲ID在哪里看？點(diǎn)進(jìn)歌曲名進(jìn)入內(nèi)容頁(yè)，比如上面的《因?yàn)閻?ài)情》，在地址頁(yè)中song/后面那串?dāng)?shù)字1769962750就是ID。
          【2】植入視頻
          使用“網(wǎng)頁(yè)”功能，可以在H5中嵌入第三方頁(yè)面。如下，在H5中加入一個(gè)“網(wǎng)頁(yè)”，資源位置寫(xiě)網(wǎng)頁(yè)地址即可（比如這里是m.baidu.com）。
          這和視頻有半毛錢(qián)關(guān)系？別激動(dòng)，因?yàn)閲?guó)內(nèi)視頻利潤(rùn)空間比音樂(lè)大得多，騰訊優(yōu)酷等網(wǎng)站為防止下載，各種防范手段無(wú)所不用其極，“視頻”功能播不了非資源類(lèi)型的視頻。還好嵌入地址是有的！要不然微信公眾號(hào)什么的怎么推送視頻？
          如下，把這個(gè)地址作為網(wǎng)頁(yè)的資源位置，問(wèn)題就解決了。
          http://player.youku.com/player.php/sid/XMTU0OTY0MTE4NA/v.swf（替換XMTU0OTY0MTE4NA為所需視頻ID即可）
          https://v.qq.com/iframe/preview.html?vid=l0187ggnc7d（替換l0187ggnc7d為所需視頻ID即可）
          上面是優(yōu)酷和騰訊的視頻嵌入地址，因?yàn)槎疾捎昧薍TML5網(wǎng)頁(yè)的響應(yīng)式設(shè)計(jì)，能自適應(yīng)屏幕，所以調(diào)整網(wǎng)頁(yè)長(zhǎng)寬也作用于視頻。
          【3】植入地圖導(dǎo)航
          地圖導(dǎo)航的植入也不復(fù)雜，比如百度地圖的話，先打開(kāi)百度地圖移動(dòng)版網(wǎng)頁(yè)：http://map.baidu.com/mobile/webapp，搜索你的目標(biāo)地點(diǎn)。
          這里用的是“南方傳媒大廈”，點(diǎn)擊右上角的“地圖”，生成一個(gè)詳情頁(yè)。復(fù)制這個(gè)頁(yè)面的鏈接，設(shè)為網(wǎng)頁(yè)的資源位置就OK了，效果如下：
          【4】一鍵下載文件
          既然說(shuō)到外鏈就是下載鏈接，前面能植入第三方音頻，也能直接下載這首歌。如下，設(shè)置一個(gè)事件，在手機(jī)中輕觸按鈕就能下載音頻。
          使用“文件”功能，可以上傳所有格式的文件，只是為避免服務(wù)器過(guò)載，文件大小有一定限制。
          有時(shí)只想上傳個(gè)簡(jiǎn)單的PDF，但百度云、金山網(wǎng)盤(pán)等玩意兒老要登錄煩得很！如果文件不大，可以利用iH5上傳文件生成的資源地址，產(chǎn)生一個(gè)能點(diǎn)擊下載的鏈接（根據(jù)多次實(shí)踐，我可以偷偷告訴你原始地址是file.ih5.cn+資源位置）。
          【5】設(shè)置加密下載
          當(dāng)然，百度云這些網(wǎng)盤(pán)還有一個(gè)好處是能規(guī)定密碼。可不要小看H5，HTML5有一個(gè)優(yōu)勢(shì)是能在瀏覽器驗(yàn)證表單信息，給文件加個(gè)密還不簡(jiǎn)單！
          如上，只需要加一個(gè)輸入框，設(shè)置輸入的值是你規(guī)定的密碼，匹配成功時(shí)下載文件就行。
          【6】鎖位置、加書(shū)簽
          H5在不同設(shè)備的自適應(yīng)一直是個(gè)麻煩，但如果只是為避免某個(gè)按鈕超出屏幕，可以加一個(gè)橫幅，勾選“固定位置”來(lái)鎖定它。
          如上，在頁(yè)面加一個(gè)橫幅，設(shè)置底部對(duì)齊（bottom），縱向偏移-150，就能保證橫幅和它包含的按鈕一直保持在頁(yè)腳往上150個(gè)像素的位置——即便在電腦上縮放頁(yè)面比例也能保持。
          這樣一來(lái)，滾動(dòng)頁(yè)面時(shí)按鈕位置也不受影響！還能做在頁(yè)面頂端放個(gè)透明按鈕，設(shè)置點(diǎn)擊橫幅時(shí)，就對(duì)“舞臺(tái)”做“跳至對(duì)象”的動(dòng)作，跳到透明按鈕——相當(dāng)于把透明按鈕當(dāng)做書(shū)簽，跳到對(duì)應(yīng)書(shū)簽的位置。
          【7】監(jiān)測(cè)頁(yè)面打開(kāi)率
          H5頁(yè)面的打開(kāi)情況，原理上其實(shí)和實(shí)時(shí)投票差不了多少，只是觸發(fā)的事件變成了頁(yè)面顯示與否，編輯效果如下：
          為了方便理解，我設(shè)計(jì)了如下邏輯圖進(jìn)行表達(dá)：
          （1）用數(shù)據(jù)庫(kù)整形變量保存頁(yè)面1的打開(kāi)次數(shù)（或顯示次數(shù)）；
          （2）頁(yè)面1每顯示一次，上面的變量就加1；
          （3）頁(yè)面2放計(jì)數(shù)器，綁定整形變量，來(lái)顯示次數(shù)的大小；
          （4）舞臺(tái)放時(shí)間軸，用來(lái)控制打開(kāi)次數(shù)的刷新，每隔三秒更新一次變量。
          【8】臨摹作品的捷徑
          最后一個(gè)技巧是壓軸的。當(dāng)你看到特別好玩的H5要臨摹怎么辦？怎么在桌面模擬移動(dòng)頁(yè)面布局？可以使用開(kāi)發(fā)者工具（Chrome瀏覽器快捷鍵Ctrl+Shift+I）。
          比如騰訊TGideas的《移動(dòng)頁(yè)面用戶行為報(bào)告》，打開(kāi)開(kāi)發(fā)者工具后激活右側(cè)代碼上方的設(shè)備標(biāo)識(shí)（Toggle device mode，切換設(shè)備模式）。
          回到左側(cè)頁(yè)面上方，選擇合適的設(shè)備（比如iPhone 6S），再刷新頁(yè)面就可以模擬移動(dòng)端效果了。
          最后點(diǎn)擊菜單中的“Source”（源），就可以在目錄下翻找圖片等緩存出來(lái)的原始素材。從素材既可以看出H5的設(shè)計(jì)框架，又可以保存素材作為臨摹備用。
          ·
          看到這里，會(huì)不會(huì)發(fā)現(xiàn)自己錯(cuò)過(guò)了很多實(shí)用技能？技術(shù)改變世界，彎路請(qǐng)少走！
          lt;head>
          <meta charset="UTF-8">
          <title></title>
          <style>
          td input[type="text"],td input[type="email"],td input[type="password"], td input[type="date"]{
          width:98%;
          }
          </style>
          <script>
          function checkLength(){
          var pwd=document.getElementById("pwd").value;
          var spanLen=document.getElementById("spanLen");
          if(pwd.length<=3&&pwd.length>0)
          spanLen.innerHTML="弱";
          else if(pwd.length<=6)
          spanLen.innerText="中";
          else
          spanLen.innerText="強(qiáng)";
          }
          function checkPSW(){
          var pwd1=document.getElementById("pwd").value;
          var pwd2=document.getElementById("pwd2").value;
          var pswInfo=document.getElementById("pswInfo");
          if(pwd1!=pwd2)
          pswInfo.innerText="兩次密碼不同"; // alert("兩次密碼不同");
          else
          pswInfo.innerText="";
          }
          </script>
          </head>
          <body>
          <form>
          <fieldset>
          <legend>
          用戶注冊(cè)頁(yè)面
          </legend>
          <table align="center" width="500px" >
          <caption>用戶登錄信息</caption>
          <tr>
          <td width="20%" >用戶名</td>
          <td width="40%"><input type="text" required="true" autofocus="true"></td>
          <td width="40%">*</td>
          </tr>
          <tr>
          <td>郵箱</td>
          <td><input type="email" required="true"></td>
          <td>*</td>
          </tr>
          <tr>
          <td>密碼</td>
          <td><input type="password" id="pwd" required="true" onkeyup="checkLength()"></td>
          <td>*&nbsp<span id="spanLen"></span></td>
          </td>
          </tr>
          <tr>
          <td>確認(rèn)密碼</td>
          <td><input type="password" id="pwd2" required="true" onblur="checkPSW()"></td>
          <td align="left">*&nbsp<span id="pswInfo" style="color: #c41a15;"></span></td>
          </tr>
          </table>
          <br>
          <br>
          <table align="center" width="500px">
          <caption>用戶基本信息</caption>
          <tr>
          <td width="20%">性別</td>
          <td width="40%">
          <select size="1">
          <option>男</option>
          <option>女</option>
          </select>
          </td>
          <td width="40%"></td>
          </tr>
          <tr>
          <td>出生年月</td>
          <td><input type="date"></td>
          </tr>
          <tr>
          <td>住址</td>
          <td><input type="text"></td>
          </tr>
          <tr>
          <td colspan="2">
          <input type="submit" value="注冊(cè)新用戶">
          </td>
          <td>
          <input type="reset" value="重置">
          </td>
          </tr>
          </table>
          </fieldset>
          </form>
          </body>
          超文本”就是指頁(yè)面內(nèi)可以包含圖片、鏈接，甚至音樂(lè)、程序等非文字元素。超文本標(biāo)記語(yǔ)言的結(jié)構(gòu)包括“頭”部分（英語(yǔ)：Head）、和“主體”部分（英語(yǔ)：Body），其中“頭”部提供關(guān)于網(wǎng)頁(yè)的信息，“主體”部分提供網(wǎng)頁(yè)的具體內(nèi)容。
          千鋒《全棧H5+》講解HTML會(huì)由淺入深帶入課堂案例中，使得學(xué)員在學(xué)習(xí)過(guò)程中學(xué)習(xí)到如何講基礎(chǔ)知識(shí)實(shí)際運(yùn)用到項(xiàng)目中。
          一、由來(lái)
          萬(wàn)維網(wǎng)上的一個(gè)超媒體文檔稱之為一個(gè)頁(yè)面（外語(yǔ)：page）。作為一個(gè)組織或者個(gè)人在萬(wàn)維網(wǎng)上放置開(kāi)始點(diǎn)的頁(yè)面稱為主頁(yè)（外語(yǔ)：Homepage）或主頁(yè)，主頁(yè)中一般包含有指向其他相關(guān)頁(yè)面或其他節(jié)點(diǎn)的指針（超級(jí)鏈接），所謂超級(jí)鏈接，就是一種統(tǒng)一資源定位器（Uniform Resource Locator，外語(yǔ)縮寫(xiě)：URL）指針，經(jīng)過(guò)激活（點(diǎn)擊）它，可使瀏覽器方便地獲取新的網(wǎng)頁(yè)。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。在邏輯上將視為一個(gè)全體的一系列頁(yè)面的有機(jī)調(diào)集稱為網(wǎng)站（Website或Site）。超級(jí)文本標(biāo)記語(yǔ)言（英文縮寫(xiě)：HTML）是為“網(wǎng)頁(yè)創(chuàng)建和其它可在網(wǎng)頁(yè)瀏覽器中看到的信息”設(shè)計(jì)的一種標(biāo)記語(yǔ)言。
          網(wǎng)頁(yè)的實(shí)質(zhì)便是超級(jí)文本標(biāo)記言語(yǔ)，通過(guò)結(jié)合使用其他的Web技術(shù)（如：腳本言語(yǔ)、公共網(wǎng)關(guān)接口、組件等），能夠創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而，超級(jí)文本標(biāo)記言語(yǔ)是萬(wàn)維網(wǎng)（Web）編程的根底，也便是說(shuō)萬(wàn)維網(wǎng)是建立在超文本根底之上的。超級(jí)文本標(biāo)記言語(yǔ)之所以稱為超文本標(biāo)記言語(yǔ)，是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。
          二、定義
          超級(jí)文本標(biāo)記語(yǔ)言是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)。
          它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。網(wǎng)頁(yè)文件本身是一種文本文件，通過(guò)在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫(huà)面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁(yè)文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容，對(duì)書(shū)寫(xiě)出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤，且不停止其解釋執(zhí)行過(guò)程，編制者只能通過(guò)顯示效果來(lái)分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是，對(duì)于不同的瀏覽器，對(duì)同一標(biāo)記符可能會(huì)有不完全相同的解釋，因而可能會(huì)有不同的顯示效果。
          超級(jí)文本符號(hào)言語(yǔ)文檔制造不是很雜亂，但功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)耄@也是萬(wàn)維網(wǎng)（WWW）盛行的原因之一，其主要特色如下：
          1、簡(jiǎn)易性：超級(jí)文本符號(hào)言語(yǔ)版本晉級(jí)采用超集方式，然后愈加靈活便利。
          2、渠道無(wú)關(guān)性：盡管個(gè)人計(jì)算機(jī)大行其道，但運(yùn)用MAC等其他機(jī)器的大有人在，超級(jí)文本符號(hào)言語(yǔ)可以運(yùn)用在廣泛的渠道上，這也是萬(wàn)維網(wǎng)（WWW）盛行的另一個(gè)原因。
          3、可擴(kuò)展性：超級(jí)文本符號(hào)言語(yǔ)的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，超級(jí)文本符號(hào)言語(yǔ)采納子類(lèi)元素的方式，為體系擴(kuò)展帶來(lái)保證。
          4、通用性：另外，HTML是網(wǎng)絡(luò)的通用言語(yǔ),一種簡(jiǎn)單、通用的全置符號(hào)言語(yǔ)。它答應(yīng)網(wǎng)頁(yè)制造人建立文本與圖片相結(jié)合的雜亂頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人閱讀到，無(wú)論運(yùn)用的是什么類(lèi)型的電腦或閱讀器。
          三、編輯
          它其實(shí)是文本，它需要瀏覽器的解釋，它的編輯器大體可以分為三種。
          基本文本、文檔編輯軟件，使用微軟自帶的記事本或?qū)懽职宥伎梢跃帉?xiě)，當(dāng)然，如果你用WPS來(lái)編寫(xiě)，也可以。不過(guò)存盤(pán)時(shí)請(qǐng)使用.htm或.html作為擴(kuò)展名，這樣就方便瀏覽器認(rèn)出直接解釋執(zhí)行了。
          推薦編輯器：Dreamweaver、HBuilder、Sublime Text代碼編輯器。
          一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)多個(gè)HTML文件，超文本標(biāo)記語(yǔ)言文件以.htm（磁盤(pán)操作系統(tǒng)DOS限制的外語(yǔ)縮寫(xiě)）為擴(kuò)展名或.html（外語(yǔ)縮寫(xiě)）為擴(kuò)展名。可以使用任何能夠生成TXT類(lèi)型源文件的文本編輯器來(lái)產(chǎn)生超文本標(biāo)記語(yǔ)言文件，只用修改文件后綴即可。
          標(biāo)準(zhǔn)的超文本標(biāo)記語(yǔ)言文件都具有一個(gè)基本的整體結(jié)構(gòu)，標(biāo)記一般都是成對(duì)出現(xiàn)（部分標(biāo)記除外例如：<br/>），即超文本標(biāo)記語(yǔ)言文件的開(kāi)頭與結(jié)尾標(biāo)志和超文本標(biāo)記語(yǔ)言的頭部與實(shí)體兩大部分。有三個(gè)雙標(biāo)記符用于頁(yè)面整體結(jié)構(gòu)的確認(rèn)。
          標(biāo)記符<html>,說(shuō)明該文件是用超文本標(biāo)記語(yǔ)言（本標(biāo)簽的中文全稱）來(lái)描述的,它是文件的開(kāi)頭;而</html>,則表示該文件的結(jié)尾，它們是超文本標(biāo)記語(yǔ)言文件的開(kāi)始標(biāo)記和結(jié)尾標(biāo)記。
          <head></head>；這2個(gè)標(biāo)記符分別表示頭部信息的開(kāi)始和結(jié)尾。頭部中包含的標(biāo)記是頁(yè)面的標(biāo)題、序言、說(shuō)明等內(nèi)容，它本身不作為內(nèi)容來(lái)顯示，但影響網(wǎng)頁(yè)顯示的效果。頭部中最常用的標(biāo)記符是標(biāo)題標(biāo)記符和meta標(biāo)記符，其中標(biāo)題標(biāo)記符用于定義網(wǎng)頁(yè)的標(biāo)題，它的內(nèi)容顯示在網(wǎng)頁(yè)窗口的標(biāo)題欄中，網(wǎng)頁(yè)標(biāo)題可被瀏覽器用作書(shū)簽和收藏清單。
          設(shè)置文檔標(biāo)題和其它在網(wǎng)頁(yè)中不顯示的信息，比如direction方向、語(yǔ)言代碼Language Code（實(shí)體定義!ENTITY % i18n）、指定字典中的元信息、等等。

          <body></body>；，網(wǎng)頁(yè)中顯示的實(shí)際內(nèi)容均包含在這2個(gè)正文標(biāo)記符之間。正文標(biāo)記符又稱為實(shí)體標(biāo)記。




          超文本標(biāo)記語(yǔ)言（第一版）——在1993年6月作為互聯(lián)網(wǎng)工程工作小組（IETF）工作草案發(fā)布（并非標(biāo)準(zhǔn)）：
          HTML 2.0——1995年11月作為RFC 1866發(fā)布，在RFC 2854于2000年6月發(fā)布之后被宣布已經(jīng)過(guò)時(shí)
          HTML 3.2——1997年1月14日，W3C推薦標(biāo)準(zhǔn)
          HTML 4.0——1997年12月18日，W3C推薦標(biāo)準(zhǔn)
          HTML 4.01（微小改進(jìn)）——1999年12月24日，W3C推薦標(biāo)準(zhǔn)
          HTML 5——2014年10月28日，W3C推薦標(biāo)準(zhǔn)[4] （詳見(jiàn)本處參考資料）
          ISO/IEC 15445:2000（“ISO HTML”）——2000年5月15日發(fā)布，基于嚴(yán)格的HTML 4.01語(yǔ)法，是國(guó)際標(biāo)準(zhǔn)化組織和國(guó)際電工委員會(huì)的標(biāo)準(zhǔn)。
          Wijmo是基于HTML5、jQuery、CSS3和SVG的一個(gè)控件包，能夠滿足構(gòu)建當(dāng)今Web系統(tǒng)的需求。基于Wijmo，您的系統(tǒng)運(yùn)行將更加快速和流暢，外觀也會(huì)更加引人入勝。Wijmo中所有新的控件都是在符合最新的UI設(shè)計(jì)潮流的基礎(chǔ)上，對(duì)新的以及改良后的主題進(jìn)行封裝。優(yōu)美的、專業(yè)的控件外觀會(huì)讓您的應(yīng)用程序引人注目。比如 ComponentOne Studio for ASP .NET Wijmo 控件包內(nèi)置的6個(gè)主題，同時(shí)可以使用jQuery UI項(xiàng)目提供的 30 多個(gè)主題，甚至可以使用 ThemeRoller 創(chuàng)建屬于您自己的系統(tǒng)主題。
          HTML沒(méi)有1.0版本是因?yàn)楫?dāng)時(shí)有很多不同的版本。有些人認(rèn)為蒂姆·伯納斯-李的版本應(yīng)該算初版，這個(gè)版本沒(méi)有IMG元素。當(dāng)時(shí)被稱為HTML+的后續(xù)版的開(kāi)發(fā)工作于1993年開(kāi)始，最初是被設(shè)計(jì)成為“HTML的一個(gè)超集”。第一個(gè)正式規(guī)范為了和當(dāng)時(shí)的各種HTML標(biāo)準(zhǔn)區(qū)分開(kāi)來(lái)，使用了2.0作為其版本號(hào)。HTML+的發(fā)展繼續(xù)下去，但是它從未成為標(biāo)準(zhǔn)。
          HTML3.0規(guī)范是由當(dāng)時(shí)剛成立的W3C于1995年3月提出，提供了很多新的特性，例如表格、文字繞排和復(fù)雜數(shù)學(xué)元素的顯示。雖然它是被設(shè)計(jì)用來(lái)兼容2.0版本的，但是實(shí)現(xiàn)這個(gè)標(biāo)準(zhǔn)的工作在當(dāng)時(shí)過(guò)于復(fù)雜，在草案于1995年9月過(guò)期時(shí)，標(biāo)準(zhǔn)開(kāi)發(fā)也因?yàn)槿狈g覽器支持而中止了。3.1版從未被正式提出，而下一個(gè)被提出的版本是開(kāi)發(fā)代號(hào)為Wilbur的HTML 3.2，去掉了大部分3.0中的新特性，但是加入了很多特定瀏覽器，例如Netscape和Mosaic的元素和屬性。HTML對(duì)數(shù)學(xué)公式的支持最后成為另外一個(gè)標(biāo)準(zhǔn)MathML。
          HTML 4.0同樣也加入了很多特定瀏覽器的元素和屬性，但是同時(shí)也開(kāi)始“清理”這個(gè)標(biāo)準(zhǔn)，把一些元素和屬性標(biāo)記為過(guò)時(shí)，建議不再使用它們。HTML的未來(lái)和CSS結(jié)合會(huì)更好。
          HTML 5草案的前身名為Web Applications 1.0。于2004年被WHATWG提出，于2007年被W3C接納，并成立了新的HTML工作團(tuán)隊(duì)。在2008年1月22日，第一份正式草案發(fā)布。
          XHTML1.0——發(fā)布于2000年1月26日，是W3C推薦標(biāo)準(zhǔn)，后來(lái)經(jīng)過(guò)修訂于2002年8月1日重新發(fā)布。
          XHTML 1.1，于2001年5月31日發(fā)布，W3C推薦標(biāo)準(zhǔn)。
          XHTML 2.0，W3C工作草案。
          XHTML 5，從XHTML 1.x的更新版，基于HTML 5草案。
          HTML4.01 是常見(jiàn)的版本。


          在編輯超文本標(biāo)記語(yǔ)言文件和使用有關(guān)標(biāo)記符時(shí)有一些約定或默認(rèn)的要求。文本標(biāo)記語(yǔ)言源程序的文件擴(kuò)展名默認(rèn)使用htm（磁盤(pán)操作系統(tǒng)DOS限制的外語(yǔ)縮寫(xiě)為擴(kuò)展名）或html（外語(yǔ)縮寫(xiě)為擴(kuò)展名），以便于操作系統(tǒng)或程序辨認(rèn)，除自定義的漢字?jǐn)U展名。在使用文本編輯器時(shí)，注意修改擴(kuò)展名。而常用的圖像文件的擴(kuò)展名為gif和jpg。
          超文本標(biāo)記語(yǔ)言源程序?yàn)槲谋疚募淞袑捒刹皇芟拗疲炊鄠€(gè)標(biāo)記可寫(xiě)成一行，甚至整個(gè)文件可寫(xiě)成一行；若寫(xiě)成多行，瀏覽器一般忽略文件中的回車(chē)符（標(biāo)記指定除外）；對(duì)文件中的空格通常也不按源程序中的效果顯示。完整的空格可使用特殊符號(hào)（實(shí)體符）“ （注意此字母必須小寫(xiě)，方可空格）”表示非換行空格；表示文件路徑時(shí)使用符號(hào)“/”分隔，文件名及路徑描述可用雙引號(hào)也可不用引號(hào)括起。
          標(biāo)記符中的標(biāo)記元素用尖括號(hào)括起來(lái)，帶斜杠的元素表示該標(biāo)記說(shuō)明結(jié)束；大多數(shù)標(biāo)記符必須成對(duì)使用，以表示作用的起始和結(jié)束；標(biāo)記元素忽略大小寫(xiě)，即其作用相同，但完整的空格可使用特殊符號(hào)“ （注意此字母必須小寫(xiě)，方可空格）”；許多標(biāo)記元素具有屬性說(shuō)明，可用參數(shù)對(duì)元素作進(jìn)一步的限定，多個(gè)參數(shù)或?qū)傩皂?xiàng)說(shuō)明次序不限，其間用空格分隔即可；一個(gè)標(biāo)記元素的內(nèi)容可以寫(xiě)成多行。標(biāo)記符號(hào)，包括尖括號(hào)、標(biāo)記元素、屬性項(xiàng)等必須使用半角的西文字符，而不能使用全角字符。
          HTML注釋由"<!--"號(hào)開(kāi)始，由符號(hào)”-->“結(jié)束結(jié)束，例如<!--注釋內(nèi)容-->。注釋內(nèi)容可插入文本中任何位置。任何標(biāo)記若在其最前插入驚嘆號(hào)，即被標(biāo)識(shí)為注釋，不予顯示。

          XHTML常用標(biāo)記
          1、文本標(biāo)題（h1-h6）
          <h1>一級(jí)標(biāo)題</h1>
          <h2>二級(jí)標(biāo)題</h2>
          ...
          <h6>六級(jí)標(biāo)題</h6>
          2、傾斜：傾斜標(biāo)記
          （1）<em></em>
          （2）<i></i> 
          3、 段落(p)
          <p>段落文本內(nèi)容</p>
          標(biāo)識(shí)一個(gè)段落(段落與段落之間有段間距)
          4、加粗：有兩個(gè)標(biāo)記
          （1）<b>加粗內(nèi)容</b>
          （2）<strong>加粗內(nèi)容</strong>
          5、列表（ul,ol,dl）
          HTML中有三種列表，分別是：無(wú)序列表，有序列表，自定義列表。
          *無(wú)序列表
          無(wú)序列表組成：
          <ul>
          <li></li>
          <li></li>
          <li></li>
          ．．．．．．
          </ul>
          *有序列表
          有序列表組成：
          <ol>
          <li></li>
          <li></li>
          <li></li>
          ．．．．．．
          </ol>
          *自定義列表
          <dl>
           <dt>名詞</dt>
           <dd>解釋</dd>
          ．．．．．．
          </dl>
          6、插入圖片
          <img src="目標(biāo)文件路徑及全稱" alt="圖片替換文本" title="圖片標(biāo)題" />
          7、超鏈接的應(yīng)用
          語(yǔ)法：
          <a href="目標(biāo)文件路徑及全稱/連接地址" title="提示文本">鏈接文本/圖片</a>
          8、數(shù)據(jù)表格的作用及組成
          *作用：顯示數(shù)據(jù)
          <table width="value" height="value" border="value" bgcolor="value" cellspacing="value" cellpadding="value">
          <tr>
           <td></td>
           <td></td>
          </tr>
          </table>
          注：個(gè)tr表示一行;一個(gè)td表示一列(一個(gè)單元格)
          *數(shù)據(jù)表格的相關(guān)屬性
          1）width="表格的寬度"
          2）height="表格的高度"
          3）border="表格的邊框"
          4）bgcolor="表格的背景色"
          5）cellspacing="單元格與單元格之間的間距"
          6）cellpadding="單元格與內(nèi)容之間的空隙"
          7）對(duì)齊方式：align="left/center/right";
          8)合并單元格屬性：
          colspan=“所要合并的單元格的列數(shù)"合并列;
          rowspan=“所要合并單元格的行數(shù)”合并行;
          9、表單的應(yīng)用
          表單的作用：用來(lái)收集用戶的信息的;
          *表單框
          <form name="表單名稱" method="post/get" action="">
          </form>
          1）文本框
          <input type="text" value="默認(rèn)值"/>
          2)密碼框
          <input type="password" />
          3)提交按鈕
          <input type="submit" value="按鈕內(nèi)容" />
          4)重置按鈕
          <input type="reset" value="按鈕內(nèi)容" />
          5）單選框/單選按鈕
          <input type="radio" name="ral" />
          <input type="radio" name="ral" />
          <input type="radio" name="ral" checked="checked" />(默認(rèn)選中；)
          6）復(fù)選框
          <input type="checkbox" name="like" />
          <input type="checkbox" name="like" disabled="disabled" /> (disabled="disabled" :禁用)
          (checked="checked" :默認(rèn)選中)
          7)下拉菜單
          <select name="">
           <option>菜單內(nèi)容</option>
          </select> 
          8）多行文本框（文本域）
          <textarea name="textareal" cols="字符寬度" rows="行數(shù)">
          </textarea>
          9)按鈕
          <input name="'" type="button" value=“按鈕內(nèi)容” />
          （他和submit的區(qū)別是 ，submit是提交按鈕 起到提交信息的作用，button只起到跳轉(zhuǎn)的作用，不進(jìn)行提交。）
          div的用法
          <div id="id名" / class="class名"></div>
          文檔區(qū)域，文檔布局對(duì)象
          span的用法
          <span></span>文本結(jié)點(diǎn)（某一小段文本，或是某一個(gè)字）
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
精品亚洲A∨无码一区二区三区|
少妇一夜三次一区二区|
亚洲AV无码国产一区二区三区|
国产一区二区视频免费|
国产精品视频一区麻豆|
国产在线精品一区二区不卡麻豆|
国产一区二区在线|
3d动漫精品一区视频在线观看|
国产精品免费大片一区二区|
国产一区精品视频|
免费看无码自慰一区二区|
亚洲国产日韩在线一区|
久久精品一区二区三区日韩|
久久精品国产一区二区|
白丝爆浆18禁一区二区三区|
在线视频一区二区三区四区|
国产手机精品一区二区|
波多野结衣一区二区|
精品乱码一区二区三区四区|
国产精品va无码一区二区|
精品日本一区二区三区在线观看|
国产精品亚洲专区一区|
国产一区在线视频观看|
国产成人一区二区动漫精品|
亚洲AV日韩综合一区|
97精品一区二区视频在线观看|
91精品一区二区综合在线|
人妖在线精品一区二区三区|
中文字幕精品一区二区日本|
亚洲综合一区二区精品久久|
亚洲一区在线视频|
亚洲熟女www一区二区三区|
波多野结衣一区二区|
性色av闺蜜一区二区三区|
国产在线观看一区二区三区|
无码精品人妻一区二区三区影院
|
好看的电影网站亚洲一区|
果冻传媒董小宛一区二区|
国产成人无码一区二区在线播放|
文中字幕一区二区三区视频播放|
精品无码日韩一区二区三区不卡|