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 色屁屁影院免费观看入口,久久免费视频网,国产美女做爰免费视 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          肖sir_html之A鏈接標(biāo)簽認(rèn)識(shí)（2）
          
        
           
          
	
	
          
		
                        
          接標(biāo)簽
          定義：從一個(gè)網(wǎng)頁(yè)指向另一個(gè)網(wǎng)頁(yè)的目的地，
          有四種類型：
          （1）鏈接覆蓋原有的鏈接


          （2）新開一個(gè)窗口


          （3）圖片鏈接


          （4）死鏈接


          html:
          <!doctype html>
          <html lang="en">
          <head>
          <meta charset="UTF-8" />
          <title>鏈接標(biāo)簽</title>
          </head>
          <body>
          <a href="https://www.baidu.com/"><font color="blue">百度</font></a>
          <a href="https://www.jd.com/" target="_blank"><font color="blue">京東</font></a>
          <a href="https://www.hao123.com/" target="_blank"><img src="../img/男孩子.png"/></a>
          <a href="#" target="_blank">死鏈接</a>
          </body>
          </html>
          篇文章分別從頁(yè)面打開方式的類型、當(dāng)前頁(yè)打開&新開頁(yè)面、彈出框三方面對(duì)頁(yè)面鏈接打開方式進(jìn)行了探討，給大家提出一些意見以供參考。
          頁(yè)面打開方式作為鏈接產(chǎn)品路徑的基礎(chǔ)，在設(shè)計(jì)的過(guò)程中，或多或少都會(huì)遇到選擇的困擾，尤其是產(chǎn)品功能復(fù)雜，層級(jí)較多時(shí)，如何讓用戶按照自己的意愿清晰的瀏覽信息，保持操作連貫性，是值得體驗(yàn)設(shè)計(jì)仔細(xì)思考與分析的。
          近期在所負(fù)責(zé)的設(shè)計(jì)項(xiàng)目中，團(tuán)隊(duì)對(duì)鏈接操作的打開方式產(chǎn)生了分歧，借此機(jī)會(huì)整理了一些案例與資料，就這個(gè)問(wèn)題進(jìn)行分析探討，也給遇到同樣問(wèn)題的同行一些參考意見。
          一、頁(yè)面打開方式的類型
          網(wǎng)頁(yè)中可操作的鏈接，主要有按鈕、icon以及文字鏈接，設(shè)計(jì)中常用的打開方式則主要有以下三種：
          1. 當(dāng)前頁(yè)打開。點(diǎn)擊操作鏈接后，在當(dāng)前的瀏覽器頁(yè)面中進(jìn)行內(nèi)容顯示與操作。
          2. 新開頁(yè)面。點(diǎn)擊操作鏈接后，在瀏覽器中新開一個(gè)獨(dú)立的標(biāo)簽頁(yè)面，進(jìn)行內(nèi)容顯示與操作。
          3. 彈出框。點(diǎn)擊操作鏈接后，在當(dāng)前的瀏覽器頁(yè)面中，彈出一個(gè)小尺寸的對(duì)話框，進(jìn)行內(nèi)容顯示與操作。
          二、當(dāng)前頁(yè)打開&新開頁(yè)面
          首先來(lái)說(shuō)說(shuō)最具爭(zhēng)議的新開頁(yè)面&當(dāng)前頁(yè)打開。在HTML語(yǔ)言中，target目標(biāo)有“target=_blank”和“target=_self”兩種屬性，分別代表“新窗口打開”和“當(dāng)前窗口打開”，下圖是這兩個(gè)參數(shù)的屬性描述。
          從這兩個(gè)參數(shù)的屬性上來(lái)看，“當(dāng)前窗口打開”是系統(tǒng)默認(rèn)的處理方式。這個(gè)打開方式在國(guó)外的網(wǎng)站中實(shí)現(xiàn)方式比較統(tǒng)一，用戶也形成了一致的習(xí)慣，但國(guó)內(nèi)的形式則不盡相同，以至于一直頗具爭(zhēng)議，不同類型網(wǎng)站之間、同一網(wǎng)站不同場(chǎng)景之間也沒有一個(gè)明確的規(guī)則標(biāo)準(zhǔn)可供大家學(xué)習(xí)和參照。
          針對(duì)這個(gè)問(wèn)題的討論，可以聽到兩種不同的用戶聲音，并且都站在各自的角度闡述其道理。
          舉個(gè)例子，我們以同類型網(wǎng)站（淘寶和亞馬遜）的打開處理方式進(jìn)行對(duì)比，來(lái)看一下用戶習(xí)慣、功能場(chǎng)景對(duì)鏈接打開方式選擇的影響。
          首先，我們確定一致的功能場(chǎng)景：用戶從首頁(yè)中根據(jù)各種篩選條件，查找到心儀的商品。來(lái)看一下兩個(gè)網(wǎng)站的處理方式：
          可以看出基本是兩個(gè)極端，差異非常明顯，再來(lái)看個(gè)有意思的現(xiàn)象，亞馬遜中國(guó)的商品搜索方式竟然又和淘寶一致了，難道鏈接打開方式的差異竟是中外用戶習(xí)慣的差異？
          這確實(shí)占了很大一部分原因，那么造成這種差異的原因主要有：
             
          1. 早期的W3C標(biāo)準(zhǔn)不支持target=”_blank”（HTML語(yǔ)言中，在新窗口中打開鏈接）的屬性，國(guó)外互聯(lián)網(wǎng)普及也比國(guó)內(nèi)早，于是用戶慢慢養(yǎng)成了習(xí)慣。
          2. 默認(rèn)當(dāng)前頁(yè)面打開讓國(guó)外用戶覺得更有“禮貌”。如果用戶想新開頁(yè)面，可以鼠標(biāo)中鍵、按住ctrl點(diǎn)擊鏈接或者右鍵新窗口打開，此時(shí)用戶更有選擇權(quán)，可以自己決定打開方式；如果默認(rèn)新開頁(yè)面，則讓用戶失去了選擇權(quán)。
          3. 早期國(guó)內(nèi)互聯(lián)網(wǎng)發(fā)展較為浮躁，網(wǎng)站想通過(guò)新標(biāo)簽頁(yè)打開方式，提高PV。
          4. 國(guó)內(nèi)網(wǎng)絡(luò)普及晚，部分用戶尤其很多老年人不習(xí)慣甚至或許不知道，頁(yè)中有個(gè)后退前進(jìn)按鈕、面包屑可用，新開頁(yè)面便于他們的操作。【1】
          那么，淘寶中所有的頁(yè)面打開方式都是新開嗎？不是！ 像“我的收藏”、“已買到的商品”、“購(gòu)物車”等功能頁(yè)面就是當(dāng)前頁(yè)打開。
          同一個(gè)產(chǎn)品內(nèi)部，如此區(qū)別設(shè)計(jì)的原因我認(rèn)為有：
             
          1. 用戶的目的較為明確，查找對(duì)象確定（用戶想要查看的對(duì)象是確定的，如購(gòu)物車中的產(chǎn)品，用戶有明確的目標(biāo)，找到鏈接打開頁(yè)面即可，不像搜索查找商品，需要一步步縮小范圍甚至比對(duì)查看）
          2. 鏈接入口常駐在網(wǎng)站的信息欄，用戶可以隨時(shí)切換，操作方便，且不存在重新輸入的成本。
          關(guān)于這兩種打開方式，到底哪種操作更順暢，確實(shí)難分高下，就跟“確定和取消哪個(gè)在左，哪個(gè)在右”是一種性質(zhì)的問(wèn)題，沒有好壞之分，關(guān)鍵是要看在哪種場(chǎng)景下使用更合適。
          新頁(yè)面打開適用的場(chǎng)景：
             
          1. 頁(yè)面內(nèi)容沒有關(guān)聯(lián)性，且從邏輯上沒有從屬關(guān)系，相對(duì)獨(dú)立。 | 如：產(chǎn)品中的外鏈
          2. 存在多頁(yè)面“比較”的操作，需要經(jīng)常切換。 |如：淘寶商品詳情
          3. 需要保留住前一頁(yè)的操作不丟失。 |如：知乎上過(guò)濾出來(lái)的結(jié)果列表
          4. 功能分支存在穿插，當(dāng)路徑發(fā)生交叉時(shí)，最好新開頁(yè)面。 |如：產(chǎn)品內(nèi)部的跳轉(zhuǎn)鏈接，導(dǎo)致信息關(guān)聯(lián)的層級(jí)發(fā)生改變
          5. 具有輔助功能的操作。|如：使用文檔（PDF、圖片等）需要來(lái)回參照
          當(dāng)前頁(yè)打開適用的場(chǎng)景：
             
          1. 流程性的功能頁(yè)面，前后操作存在關(guān)聯(lián)和影響。 |如：下單支付、按步驟新增
          2. 同一層級(jí)內(nèi)容間的操作。| 如：tab欄的切換
          3. 同一路徑中的操作，用戶當(dāng)前的操作會(huì)對(duì)主頁(yè)的內(nèi)容產(chǎn)生影響。 |如：編輯一個(gè)配置，用戶操作完，會(huì)回到當(dāng)前頁(yè)查看最新結(jié)果
          4. 用戶具有明確目的性的操作，當(dāng)前頁(yè)有利于鎖定用戶注意力。| 如：淘寶中“我的收藏”
          以上是結(jié)合功能場(chǎng)景進(jìn)行的選擇側(cè)重，如果就“用戶體驗(yàn)”一定要分出個(gè)高下，我個(gè)人還是比較支持默認(rèn)“當(dāng)前頁(yè)打開”，從體驗(yàn)角度分析，“當(dāng)前頁(yè)打開”略勝一籌的主要原因有以下兩個(gè)：
             
          1. 尊重用戶的決定。當(dāng)前頁(yè)打開，將更多選擇機(jī)會(huì)留給用戶（鼠標(biāo)中鍵、按住ctrl點(diǎn)擊鏈接或者可以右鍵新窗口打開），一個(gè)具有良好用戶體驗(yàn)的產(chǎn)品，在用戶做操作的時(shí)候，總是能讓他們按自己的意志做出決定【2】。網(wǎng)站對(duì)每個(gè)鏈接強(qiáng)制打開新頁(yè)面則剝奪了用戶的選擇權(quán)，因?yàn)椴煌娜擞胁煌臑g覽習(xí)慣和使用需求。
          2. 體驗(yàn)一致。保持一致體驗(yàn)的設(shè)計(jì)才能讓用戶產(chǎn)生信任感與安全感。當(dāng)用戶在操作界面元素的時(shí)候，可以順暢的知道、理解、并且能預(yù)料到什么將會(huì)發(fā)生，不會(huì)被分神，也不會(huì)被打斷。任何違反這個(gè)原則的設(shè)計(jì)都將會(huì)演變成一種“以設(shè)計(jì)方意志為導(dǎo)向”的設(shè)計(jì)，而不是“以用戶為中心”的設(shè)計(jì)。
          小結(jié)
          當(dāng)我們不知道兩種方式如何選擇時(shí)，或許“不強(qiáng)制用戶”才是最好的體驗(yàn)！因?yàn)槲覀兠媾R的用戶多樣，電腦操作熟悉程度多樣，因此不同用戶對(duì)于打開方式的習(xí)慣也具有多樣性，這個(gè)是設(shè)計(jì)者無(wú)法揣測(cè)和調(diào)查清楚的。
          在“兩害取其輕”的情況下，在當(dāng)前窗口打開鏈接，不失為一個(gè)選擇，尊重用戶自己的決定，讓用戶對(duì)交互界面自主可控。
          三、彈出框
          彈出框（彈層）又叫模態(tài)對(duì)話框，是指在用戶想要對(duì)當(dāng)前對(duì)話框以外的應(yīng)用程序或內(nèi)容進(jìn)行操作時(shí)的提示方式。它一般覆蓋在整體頁(yè)面之上，避免了頁(yè)面跳轉(zhuǎn)。
          彈出框通常是為了現(xiàn)實(shí)一個(gè)單獨(dú)的內(nèi)容，在不離開整體頁(yè)面的情況下有一些互動(dòng)，提供信息和交互。
          如下圖知乎中的“寫想法”，用戶可以快速的在彈出框中記錄個(gè)人想法，記錄發(fā)布后，很順暢的回到之前的路徑上繼續(xù)操作，便捷高效，操作思路清晰。
          https://www.zhihu.com/
          現(xiàn)在很多產(chǎn)品中的新增、創(chuàng)建，也都會(huì)采用彈出框的交互方式，當(dāng)然前提是在彈出框中編輯的內(nèi)容不是很多，此時(shí)彈出框不僅承載了信息編輯的功能，還可以作為上下文的跳轉(zhuǎn)，幫助用戶銜接路徑。
          如 iconfont中的新建項(xiàng)目，用戶新增后，頁(yè)面會(huì)直接跳轉(zhuǎn)到新的項(xiàng)目空間。
          http://www.iconfont.cn
          彈出框適用的場(chǎng)景：
             
          1. 內(nèi)容簡(jiǎn)單，沒有復(fù)雜的操作，且具有臨時(shí)性。 | 如：新增一個(gè)收貨地址，進(jìn)行簡(jiǎn)要的輸入編輯
          2. 更為詳細(xì)的輔助說(shuō)明，是對(duì)當(dāng)前內(nèi)容的快速擴(kuò)展。 | 如：縮略圖，點(diǎn)擊放大查看
          因此，彈出框可以較好的實(shí)現(xiàn)上下內(nèi)容層疊的感知，不打擾用戶的主路徑，同時(shí)作為頁(yè)面承載元素和用戶操作的補(bǔ)充，起到承前啟后的作用。
          總結(jié)
          本文結(jié)合這三種鏈接打開方式的頁(yè)面交互關(guān)系，進(jìn)行適用場(chǎng)景舉例，并總結(jié)每種方式的優(yōu)缺點(diǎn)，方便在設(shè)計(jì)中更好的根據(jù)不同的場(chǎng)景選擇合適的頁(yè)面打開方式。
          當(dāng)然，以上總結(jié)也是基于我個(gè)人的理解與經(jīng)驗(yàn)，沒有統(tǒng)一的用法和標(biāo)準(zhǔn)，在具體設(shè)計(jì)實(shí)踐中，仍要靠設(shè)計(jì)者的直覺和經(jīng)驗(yàn)來(lái)進(jìn)行綜合考量與判斷。
          作為體驗(yàn)設(shè)計(jì)師，如何規(guī)劃用戶瀏覽路徑，是個(gè)需要嚴(yán)肅對(duì)待的命題！沒有絕對(duì)的好與壞，但一定要結(jié)合產(chǎn)品類型、場(chǎng)景、目標(biāo)用戶等進(jìn)行具體問(wèn)題具體分析。
          參考文獻(xiàn)
          【1】鏈接打開方式間的博弈：新標(biāo)簽頁(yè)vs當(dāng)前標(biāo)簽頁(yè)http://www.woshipm.com/pd/438404.html
          【2】《鏈接應(yīng)該在新窗口打開嗎？》http://subbloggoodboy5264m98.lofter.com/post/1fd3407b_12a690458
          【3】知乎討論https://www.zhihu.com/question/22431678
          【4】3種常見的頁(yè)面打開方式http://www.woshipm.com/pd/126021.html
          【5】新窗口打開 VS 當(dāng)前窗口打開 — 淺談頁(yè)面鏈接打開方式https://www.douban.com/note/163436628/
          【6】知乎討論 https://www.zhihu.com/question/19563426/answer/12234132
          作者：阿里TXD，TXD技術(shù)體驗(yàn)設(shè)計(jì)（ID：TXD-UED）
          本文由 @阿里TXD 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
          題圖來(lái)自Unsplash，基于CC0協(xié)議
          TML是一種用來(lái)描述網(wǎng)頁(yè)的標(biāo)記性語(yǔ)言。學(xué)習(xí)HTML可能并不難，主要是要記一些HTML標(biāo)簽和標(biāo)簽代表的含義。下面PHP程序員雷雪松根據(jù)使用的情況，整理出平時(shí)常用的HTML標(biāo)簽。
          HTML基礎(chǔ)之HTML常用標(biāo)簽-PHP程序員雷雪松的博客
          1、最基本的HTML結(jié)構(gòu)
          <!--<!DOCTYPE> 是HTML5聲明，<!DOCTYPE> 必須是 HTML 文檔的第一行，位于 <html> 標(biāo)簽之前。<!DOCTYPE>是指示 web 瀏覽器關(guān)于頁(yè)面使用哪個(gè) HTML 版本進(jìn)行編寫的指令。-->
          <!DOCTYPE html>
          <html>
          <!-- head標(biāo)簽是所有頭部元素的容器。head標(biāo)簽內(nèi)的元素可包含腳本、樣式表和提供頁(yè)面的元信息等等。以下標(biāo)簽都可以添加到 head 部分：title、base、link、meta、script 以及style。頭部的內(nèi)容不會(huì)顯示在瀏覽器的。 -->
          <head>
          <!-- 設(shè)置字符集，如果字符集不對(duì)，可能導(dǎo)致亂碼。一般建議utf-8國(guó)際編碼 -->
          <meta http-equiv="Content-Type" content="text/html; charset=gb2312或utf-8或gbk" />
          <!-- SEO相關(guān)標(biāo)簽，title定義文檔的標(biāo)題,百度建議一般不要超過(guò)32位,meta定義頁(yè)面關(guān)鍵詞和頁(yè)面的描述-->
          <title>網(wǎng)頁(yè)標(biāo)題</title>
          <meta name="keywords" content="PHP程序員,技術(shù)博客,個(gè)人博客,雷雪松" />
          <meta name="description" content="PHP程序員，雷雪松（Raykaeso）的博客是一個(gè)優(yōu)秀的個(gè)人技術(shù)博客。PHP程序員雷雪松的博客記錄了Linux學(xué)習(xí)，PHP開發(fā)與編程，Web前端開發(fā)，MySQL學(xué)習(xí)和教程，NoSQL數(shù)據(jù)庫(kù)教程以及個(gè)人的人生經(jīng)歷和觀點(diǎn)。" />
          <link rel="stylesheet" type="text/css" href="main.css" />
          <script type="text/javascript" src="main.js"></script>
          </head>
          <!-- 正文部分，所有在瀏覽器上可見的內(nèi)容必須寫在body標(biāo)簽內(nèi)部 -->
          <body>
          </body>
          </html>
          2、最常用的HTML標(biāo)簽
          a、布局標(biāo)簽
          div標(biāo)簽定義文檔中的分區(qū)或節(jié)（division/section），可以把文檔分割為獨(dú)立的、不同的部分，主要用于布局。
          aside標(biāo)簽的內(nèi)容可用作文章的側(cè)欄，<span style="color: #ff0000;">html5新增標(biāo)簽</span>。
          header標(biāo)簽定義頁(yè)面的頭部（介紹信息），<span style="color: #ff0000;">html5新增標(biāo)簽</span>。
          section標(biāo)簽定義文檔中的節(jié)（section、區(qū)段）。比如章節(jié)、頁(yè)眉、頁(yè)腳或文檔中的其他部分，<span style="color: #ff0000;">html5新增標(biāo)簽</span>。
          footer 標(biāo)簽定義文檔或節(jié)的頁(yè)腳，通常包含文檔的作者、版權(quán)信息、使用條款鏈接、聯(lián)系信息等等，<span style="color: #ff0000;">html5新增標(biāo)簽</span>。
          article標(biāo)簽規(guī)定文章獨(dú)立的其他內(nèi)容，比如：標(biāo)題、內(nèi)容、評(píng)論，<span style="color: #ff0000;">html5新增標(biāo)簽</span>。
          b、文本標(biāo)簽
          h1-h6標(biāo)簽可定義標(biāo)題
          p標(biāo)簽定義段落
          b/strong標(biāo)簽加粗
          em標(biāo)簽來(lái)表示強(qiáng)調(diào)的文本，斜體
          strong標(biāo)簽表示重要文本
          u標(biāo)簽下劃線
          s標(biāo)簽刪除線
          br標(biāo)簽表示回車換行
          hr標(biāo)簽表示水平線
          span標(biāo)簽被用來(lái)組合文檔中的行內(nèi)元素。
          blockquote標(biāo)簽表示塊引用
          pre標(biāo)簽可定義預(yù)格式化的文本，保持原有格式的一種標(biāo)簽。
          sub標(biāo)簽下標(biāo)，
          sup>標(biāo)簽上標(biāo)
          &nbsp;表示一個(gè)空格
          &copy;表示版權(quán)符
          &lt;表示<
          &gt;表示>
          c、a標(biāo)簽定義超鏈接，指定頁(yè)面間的跳轉(zhuǎn)。鏈接可以指向外部鏈接或者頁(yè)面內(nèi)部id錨點(diǎn)，可以在當(dāng)前頁(yè)面打開，新開窗口。
          <a href="指向的鏈接地址或者網(wǎng)址#ID名" target="_blank|_self|_top|_parent">百度</a>
          d、多媒體標(biāo)簽
          img標(biāo)簽主要在網(wǎng)頁(yè)中插入圖像，可以定義圖片替換文本、顯示寬度和高度、是否帶邊框，建議等比例設(shè)置，否則圖像會(huì)變形。
          <img src="圖片地址" alt="替換文本，圖片打不開的時(shí)候顯示" width="圖片寬度" height="高度" border="0" />
          audio標(biāo)簽定義聲音，比如音樂(lè)或其他音頻流。<span style="color: #ff0000;">html5新增標(biāo)簽</span>。
          <audio src="someaudio.wav">您的瀏覽器不支持 audio 標(biāo)簽。</audio>
          video標(biāo)簽定義視頻，比如電影片段或其他視頻流。<span style="color: #ff0000;">html5新增標(biāo)簽</span>。
          <video src="movie.ogg" controls="controls">您的瀏覽器不支持 video 標(biāo)簽。</video>
          e、序列化標(biāo)簽
          ul和li無(wú)序列表標(biāo)簽
          <ul>
          <li>HTML</li>
          <li>JS</li>
          <li>PHP</li>
          </ul>
          ol和li有序列表標(biāo)簽，可以使用type屬性規(guī)定有序列表符號(hào)的類型。1 按數(shù)字有序排列，為默認(rèn)值，（1、2、3、4）；a 按小寫字母有序排列，（a、b、c、d）；A 按字母大寫有序排列，（A、B、C、D）。i 按小寫羅馬字母有序，（i, ii, iii, iv）；I 按小寫羅馬字母有序，（I, II, III, IV）。
          <ol>
          <li>HTML</li>
          <li>JS</li>
          <li>PHP</li>
          </ol>
          dl標(biāo)簽定義了定義列表（definition list），dl標(biāo)簽用于結(jié)合 dt（定義列表中的項(xiàng)目）和 dd（描述列表中的項(xiàng)目）。
          <dl>
          <dt>計(jì)算機(jī)</dt>
          <dd>用來(lái)計(jì)算的儀器 ... ...</dd>
          </dl>
          f、表格標(biāo)簽
          table標(biāo)簽和tr標(biāo)簽，th標(biāo)簽和td標(biāo)簽，合并單元格。
          <table width="100%" height="193" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF0000" bgcolor="#000000" background="">
          <tr>
          <th>標(biāo)題</th>
          <th>標(biāo)題</th>
          </tr>
          <tr>
          <!-- 合并橫向單元格 -->
          <td colspan="2" nowrap="nowrap">&amp;nbsp;</td>
          </tr>
          <tr>
          <td></td>
          <!-- 合并縱向單元格 -->
          <td rowspan="2"> </td>
          </tr>
          <tr>
          <td height="16"> </td>
          </tr>
          </table>
          g、表單標(biāo)簽
          form標(biāo)簽定義提交方式、提交地址、表單字符集以及如何對(duì)其進(jìn)行編碼，需要提交的表單一定要放在form標(biāo)簽內(nèi)。
          <form id="form1" name="form1" method="post|get" enctype="multipart/form-data" action="提交到的地址"></form>
          input標(biāo)簽用于搜集用戶信息
          <input name="userName" type="text" maxlength="5" size="100" value="asdfasdfasfd" />
          密碼，輸入的字符會(huì)被掩碼（顯示為星號(hào)或原點(diǎn)）
          <input name="pwd" type="password" maxlength="5" size="100" value="" />
          文件類型的表單，上傳文件時(shí)，form表單一定要設(shè)置為enctype="multipart/form-data"
          <input type="file" name="file" />
          隱藏表單
          <input type="hidden" name="country" value="China" />
          提交
          <input type="submit" name="Submit" value="提交" disabled="disabled" />
          重置
          <input type="reset" name="Submit2" value="重置" />
          radio單選
          <input name="sex" type="radio" value="1" />男
          <input name="sex" type="radio" value="2" checked="checked" />女
          checkbox多選
          <input name="skill" type="checkbox" value="1" checked="checked" />PHP
          <input name="skill" type="checkbox" value="2" />前端
          <input name="skill" type="checkbox" value="2" />數(shù)據(jù)庫(kù)
          <span style="color: #ff0000;">注：checked="checked"可以簡(jiǎn)寫成checked</span>
          label標(biāo)簽為input元素定義標(biāo)注，如果您點(diǎn)擊label元素文本，就會(huì)觸發(fā)此input控件。
          textarea標(biāo)簽，設(shè)置文本區(qū)內(nèi)的可見行數(shù)和寬度
          <textarea name="content" cols="30" rows="10">大段文本輸入框</textarea>
          button標(biāo)簽定義一個(gè)按鈕
          提交按鈕
          <button type="submit" value="提交">提交</button>
          重置按鈕
          <button type="reset" value="重置">重置</button>
          select標(biāo)簽和option標(biāo)簽下拉列表
          單選菜單列表框
          <select name="user">
          <option value="1">ray</option>
          <option value="2" selected="selected">raykaeso</option>
          </select>
          多選列表下拉框，shift加鼠標(biāo)單擊，可以連續(xù)選擇多個(gè)選擇，CTRL+鼠標(biāo)點(diǎn)擊，可以點(diǎn)擊多個(gè)。
          <select name="user" size="10" multiple="multiple">
          <option value="1">雷雪松</option>
          <option value="2" selected="selected">ray</option>
          <option value="3">raykaeso</option>
          </select>
          注:selected="selected"可簡(jiǎn)寫成selected，表示選中
          3、其他HTML事項(xiàng)
          a、HTML標(biāo)簽和屬性是不區(qū)分大小寫的，建議HTML標(biāo)簽和屬性都小寫，屬性值必須用雙引號(hào)包圍。
          b、HTML標(biāo)簽都是以開始標(biāo)簽起始，以結(jié)束標(biāo)簽終止。大部分HTML標(biāo)簽都是成對(duì)出現(xiàn)的，稱為雙標(biāo)簽，比如：p標(biāo)簽、div標(biāo)簽，也有的HTML標(biāo)簽在開始標(biāo)簽中結(jié)束的標(biāo)簽，稱為單標(biāo)簽，比如：hr標(biāo)簽、br標(biāo)簽。大多數(shù) HTML 元素可擁有屬性，文本內(nèi)容都是寫在開始標(biāo)簽與結(jié)束標(biāo)簽之間。
          c、HTML標(biāo)簽之間盡量縮進(jìn)與換行，每行代碼不要過(guò)長(zhǎng)，方便閱讀和維護(hù)。
          d、HTML標(biāo)簽使用必須符合標(biāo)簽嵌套規(guī)則。禁止a標(biāo)簽嵌套a標(biāo)簽，p標(biāo)簽嵌套div標(biāo)簽。
          e、建議不使用HTML已經(jīng)廢棄的或者不贊成使用的標(biāo)簽，少使用table布局、iframe框架嵌套以及flash播放器。
          來(lái)源：PHP程序員雷雪松的博客 -HTML基礎(chǔ)之HTML常用標(biāo)簽（http://www.leixuesong.cn/2045）
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
无码人妻啪啪一区二区|
精品中文字幕一区二区三区四区|
亚洲午夜福利AV一区二区无码|
一区二区三区高清在线|
无码少妇一区二区浪潮av|
精品视频一区二区三区|
国产激情无码一区二区app|
水蜜桃av无码一区二区|
日本一道高清一区二区三区|
搜日本一区二区三区免费高清视频
|
精品国产AⅤ一区二区三区4区
|
国产一区二区高清在线播放
|
久久久国产精品亚洲一区|
精品一区二区久久|
中文字幕在线一区二区在线|
国产精品无码一区二区三区毛片|
日韩一区二区精品观看|
污污内射在线观看一区二区少妇|
成人丝袜激情一区二区|
国产亚洲一区二区手机在线观看|
亚洲sm另类一区二区三区|
国产精品一区二区三区99|
亚洲福利一区二区精品秒拍|
色综合视频一区二区三区|
在线日产精品一区|
久久国产午夜精品一区二区三区|
久久国产精品免费一区|
国内精品视频一区二区八戒|
亚洲一区二区三区自拍公司|
91一区二区视频|
成人国产精品一区二区网站公司|
无码日韩人妻AV一区二区三区
|
色狠狠AV一区二区三区|
亚洲丶国产丶欧美一区二区三区|
国产午夜三级一区二区三|
在线视频一区二区三区四区|
日韩一区二区在线观看视频|
国产精品 一区 在线|
中文字幕日韩欧美一区二区三区
|
亚洲一区二区三区播放在线|
国产乱码精品一区二区三区四川人
|