<fieldset id="0m0yu"></fieldset>
  • 

  • <cite id="0m0yu"><menu id="0m0yu"></menu></cite>
    <fieldset id="0m0yu"><menu id="0m0yu"></menu></fieldset>
    
<sup id="0m0yu"></sup>
  • 

    咨詢電話：024-31891684
    

    
網(wǎng)站建設(shè)|注冊(cè)|登錄 | 易勢(shì)大連分公司


     沈陽網(wǎng)站制作易勢(shì)最專業(yè)
      ！
    

    

    ，必須設(shè)置"/>







    
 
，網(wǎng)頁設(shè)計(jì)
    ，企業(yè)網(wǎng)站設(shè)計(jì)">網(wǎng)站設(shè)計(jì)    
網(wǎng)站制作
網(wǎng)絡(luò)營銷
網(wǎng)站維護(hù)
，沈陽域名注冊(cè)公司">空間域名
 網(wǎng)站案例

    


    
  
    
    
    
      
	



       
       
    【html5】HTML 5 & CSS 3的新交互特性當(dāng)前位置：首頁>主要服務(wù)>網(wǎng)站制作>html
    
        
    
         
    
         	                
    　　本文標(biāo)題的這副圖片
    ，是用Phosotshop制作的
    。但是，在搜索引擎中你卻無法搜索到它，搜索引擎還沒有強(qiáng)大到能夠識(shí)別圖片里面的文字
    。并且由于圖片的體積不算太小
    ，可能網(wǎng)速慢的網(wǎng)友在瀏覽的時(shí)候不得不耐心的等待圖片的刷新
    。那么
    ，有沒有一種新的方法可以避免這些缺點(diǎn)呢？
    　　有的
    ，HTML5和CSS3就可以滿足你的需求。甚至
    ，它可以做的更多
    ，更好
    。作為一名設(shè)計(jì)師
    ，我們應(yīng)當(dāng)了解它們是什么東西
    ，有什么特性
    ，從而進(jìn)一步思考通過HTML5和CSS3我們能做些什么。
    　　什么是HTML5和CSS3
    　　HTML和CSS并不難理解
    。HTML為構(gòu)成網(wǎng)頁的主要語言。通過這種語言，我們可以向計(jì)算機(jī)說明網(wǎng)頁格式
    、內(nèi)容
    、顯示效果等等
    。而CSS則是專門用來控制網(wǎng)頁顯示效果的語言
    。這時(shí)候問題出來了
    ，為什么我們要單獨(dú)使用CSS呢，HTML不是一樣可以控制Web頁面的顯示效果么
    ？為了回答這個(gè)問題，我舉個(gè)簡(jiǎn)單的例子：
    　　有沒有發(fā)現(xiàn)如果一旦形容的事情過多
    ，想要把事情描述清楚的時(shí)候
    ，我們不得不重復(fù)大量的信息？頁面語言也是一樣
    ，在這種情況下顯得雜亂無章，非常難以理出頭緒
    。通過將控制顯示效果的語言集成到CSS里
    ，我們不但可以保證頁面語言主體部分的簡(jiǎn)潔
    ，而且可以非常方便的復(fù)用各種語言集合。
    　　HTML5和CSS3是HTML和CSS的最新版本
    ，它們目前均未確定標(biāo)準(zhǔn)
    ，但是已經(jīng)公布的新特征已經(jīng)讓我們心動(dòng)不已。
    　　HTML 5的新特新
    　　1. 新的內(nèi)容標(biāo)簽
    　　HTML4中的內(nèi)容標(biāo)簽級(jí)別相同
    ，無法區(qū)分各部分內(nèi)容
    。而HTML5中的內(nèi)容標(biāo)簽互相獨(dú)立
    ，級(jí)別不同
    ，搜索引擎以及統(tǒng)計(jì)軟件等均可快速識(shí)別各部分內(nèi)容。
    　　2. 更好的表格體系
    　　現(xiàn)在
    ，你可以拋棄JavaScript或者是PHP，只通過HTML5來定義表格
    。你可以定義每個(gè)表格單元的輸入格式，也可以定義這個(gè)單元是否是必填的等等
    。
    　　3. 音頻
    、視頻API
    　　HTML5不但允許你在網(wǎng)頁中直接整合視頻
    、音頻
    ，同時(shí)更提供了一套功能豐富的API用來控制媒體播放，而這些用來控制媒體播放的元素也都是可以被編輯的。因此
    ，HTML5在視頻以及音頻層面上實(shí)際已經(jīng)可以替代常用的flash插件了。
    　　4. 畫布(Canvas) API
    　　在網(wǎng)頁中繪制圖形一直是個(gè)大難題
    ，我們不得不借助flash、silverlight等插件
    。然而HTML5允許你直接在網(wǎng)頁上進(jìn)行繪圖，甚至允許你與網(wǎng)頁生成更多的交互
    ，例如繪制圖形、放大縮小
    ，等等。圖例是一個(gè)用HTML5制作的小游戲
    。
    　　5. 地理(Geolocation) API
    　　HTML5提供了地理信息的應(yīng)用接口Geolocation API。通過這個(gè)API
    ，網(wǎng)頁可以通過IP
    ，GPS等方式來獲得用戶的地理信息
      ；同時(shí)用戶也可以選擇是否關(guān)閉這個(gè)功能。
    　　6. 網(wǎng)頁存儲(chǔ)(Web storage) API
    　　HTML5提供了網(wǎng)頁存儲(chǔ)的API
      ，方便Web應(yīng)用的離線使用
      。除此之外，新的API相對(duì)于cookie也有著高安全性
      ，高效率，更大空間等優(yōu)點(diǎn)
      。
    　　7. 拖拽釋放(Drag and drop) API
    　　我們可以通過HTML5的Drag and drop API來完成網(wǎng)頁中的拖拽釋放效果，避免了以往的網(wǎng)頁在拖拽釋放過程中需要不停修改元素的位置
      ，代碼繁多的弊端
      。
    　　CSS3 新特性
    　　1. RGBa
    　　CSS3的RGBa新特性允許你對(duì)每個(gè)元素進(jìn)行色彩以及透明度的設(shè)置。而原來常用的opacity命令只能對(duì)元素及其子元素進(jìn)行設(shè)置
    。
    　　2. Multi-column layout
    　　CSS3新提供的多欄布局選擇器無需HTML布局標(biāo)簽即可生成多欄布局
    ，同時(shí)‘欄數(shù)’
    、‘欄寬’以及‘欄間距’都是可以定義的。
    　　3. Round corners
    　　圓角功能可能是CSS3提供的最實(shí)用的功能了。通過Border-radius
    ，你可以沒有任何難度的給指定的HTML元素添加圓角
    。并且你還可以定義圓角的大小
    ，以及哪個(gè)角是圓角，哪個(gè)角不是圓角
    。
    　　4. @font-face
    　　當(dāng)網(wǎng)頁顯示某種用戶沒有安裝的字體時(shí)，CSS3提供的@font-face功能會(huì)自動(dòng)的
    、默默地幫用戶從網(wǎng)絡(luò)上下載相應(yīng)字體
    。從而讓設(shè)計(jì)師更加自由的發(fā)揮
    ，而不用考慮用戶的機(jī)器是否安裝了相應(yīng)字體
    。
    　　5. 其他特性
    　　此外，CSS3還給我們帶來了漸變
    		
    
    
  
    
  
    
  	
    沈陽網(wǎng)站制作--網(wǎng)站前臺(tái)效果
    
    
														   
    

    

       
 易勢(shì)網(wǎng)站制作，以DIV+CSS為主
    ，js/jQuery為輔
    ，制作利于優(yōu)化，頁面美觀的優(yōu)質(zhì)網(wǎng)站
    ！ 
    

    top 
  
    網(wǎng)絡(luò)策劃公司|新浪官方微博|大連網(wǎng)站建設(shè)