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 精品久久国产,日韩黄色一级毛片电影免费,亚洲精品日韩在线一区 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML5文檔頭部相關(guān)標(biāo)簽怎樣使用？
          
        
           
          
	
	
          
		
                        
          作網(wǎng)頁時(shí)，經(jīng)常需要設(shè)置頁面的基本信息，如頁面的標(biāo)題、作者、和其他文檔的關(guān)系等。為此HTML提供了一系列的標(biāo)簽，這些標(biāo)簽通常都寫在head標(biāo)簽內(nèi)，因此被稱為頭部相關(guān)標(biāo)簽。本節(jié)將具體介紹常用的頭部標(biāo)簽。
          1.設(shè)置頁面標(biāo)題標(biāo)簽<title>
          <title>標(biāo)簽用于定義HTML頁面的標(biāo)題，即給網(wǎng)頁取一個(gè)名字，該標(biāo)簽必須位于<head>標(biāo)簽之內(nèi)。一個(gè)HTML文檔只能包含一對<title></title>標(biāo)簽，<title></title>之間的內(nèi)容將顯示在瀏覽器窗口的標(biāo)題欄中。例如將頁面標(biāo)題設(shè)置為“輕松學(xué)習(xí)HTML5”，具體代碼如下：
          <title>輕松學(xué)習(xí)HTML5</title>
          上述代碼對應(yīng)的頁面標(biāo)題效果如圖1所示。

          圖 1設(shè)置頁面標(biāo)題標(biāo)簽<title>
          2.定義頁面元信息標(biāo)簽<meta />
          <meta />標(biāo)簽用于定義頁面的元信息（元信息不會(huì)顯示在頁面中），可重復(fù)出現(xiàn)在<head>頭部標(biāo)簽中。在HTML中，<meta />標(biāo)簽是一個(gè)單標(biāo)簽，本身不包含任何內(nèi)容，僅僅表示網(wǎng)頁的相關(guān)信息。通過<meta />標(biāo)簽的兩組屬性，可以定義頁面的相關(guān)參數(shù)。例如為搜索引擎提供網(wǎng)頁的關(guān)鍵字、作者姓名、內(nèi)容描述，以及定義網(wǎng)頁的刷新時(shí)間等。下面介紹<meta />標(biāo)簽常用的幾組設(shè)置，具體如下。
          1）<meta name="名稱" content="值" />
          在<meta />標(biāo)簽中使用name和content屬性可以為搜索引擎提供信息，其中name屬性用于提供搜索內(nèi)容的名稱，content屬性提供對應(yīng)的搜索內(nèi)容值，具體應(yīng)用如下。
          ●設(shè)置網(wǎng)頁關(guān)鍵字，例如某圖片網(wǎng)站的關(guān)鍵字設(shè)置：
          <meta name="keywords" content="千圖網(wǎng),免費(fèi)素材下載,千圖網(wǎng)免費(fèi)素材圖庫,矢量圖,矢量圖庫,圖片素材,網(wǎng)頁素材,免費(fèi)素材,PS素材,網(wǎng)站素材,設(shè)計(jì)模板,設(shè)計(jì)素材， 網(wǎng)頁模板免費(fèi)下載,千圖,素材中國,素材,免費(fèi)設(shè)計(jì),圖片" />
          其中name屬性的值為keywords，用于定義搜索內(nèi)容名稱為網(wǎng)頁關(guān)鍵字，content屬性的值用于定義關(guān)鍵字的具體內(nèi)容，多個(gè)關(guān)鍵字內(nèi)容之間可以用“,”分隔。
          ●設(shè)置網(wǎng)頁描述，例如某圖片網(wǎng)站的描述信息設(shè)置：
          <meta name="description" content="專注免費(fèi)設(shè)計(jì)素材下載的網(wǎng)站！提供矢量圖素材,矢量背景圖片,矢量圖庫,還有psd素材,PS素材,設(shè)計(jì)模板,設(shè)計(jì)素材,PPT素材,以及網(wǎng)頁素材,網(wǎng)站素材,網(wǎng)頁圖標(biāo)免費(fèi)下載" />
          其中name屬性的值為description，用于定義搜索內(nèi)容名稱為網(wǎng)頁描述，content屬性的值用于定義描述的具體內(nèi)容。需要注意的是網(wǎng)頁描述的文字不必過多，能夠描述清晰即可。
          ●設(shè)置網(wǎng)頁作者，例如可以為網(wǎng)站增加作者信息：
          <meta name="author" content="網(wǎng)絡(luò)部" />
          其中name屬性的值為author，用于定義搜索內(nèi)容名稱為網(wǎng)頁作者，content屬性的值用于定義具體的作者信息。
          2）<meta http-equiv="名稱" content="值" / >
          在<meta />標(biāo)簽中使用http-equiv和content屬性可以設(shè)置服務(wù)器發(fā)送給瀏覽器的HTTP頭部信息，為瀏覽器顯示該頁面提供相關(guān)的參數(shù)標(biāo)準(zhǔn)。其中，http-equiv屬性提供參數(shù)類型，content屬性提供對應(yīng)的參數(shù)值。默認(rèn)會(huì)發(fā)送<meta http-equiv="Content-Type" content="text/html" / >，通知瀏覽器發(fā)送的文件類型是HTML。具體應(yīng)用如下：
          ●設(shè)置字符集，例如某圖片官網(wǎng)字符集的設(shè)置：
          <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
          其中http-equiv屬性的值為Content-Type，content屬性的值為text/html和charset=gbk，兩個(gè)屬性值中間用“;”隔開。這段代碼用于說明當(dāng)前文檔類型為HTML，字符集為gbk(中文編碼)。目前最常用的國際化字符集編碼格式是utf-8，常用的國內(nèi)中文字符集編碼格式主要是gbk和gb2312。當(dāng)用戶使用的字符集編碼不匹配當(dāng)前瀏覽器時(shí)，網(wǎng)頁內(nèi)容就會(huì)出現(xiàn)亂碼。
          值得一提的是，在HTML5中，簡化了字符集的寫法，變?yōu)槿缦滤敬a。
          <meta charset="utf-8">
          ●設(shè)置頁面自動(dòng)刷新與跳轉(zhuǎn)，例如定義某個(gè)頁面10秒后跳轉(zhuǎn)至百度：
          <meta http-equiv="refresh" content="10; url= https://www.baidu.com/" />
          其中http-equiv屬性的值為refresh，content屬性的值為數(shù)值和url地址，中間用“;”隔開，用于指定在特定的時(shí)間后跳轉(zhuǎn)至目標(biāo)頁面，該時(shí)間默認(rèn)以秒為單位。
          量圖標(biāo)是我們?nèi)粘ＴO(shè)計(jì)應(yīng)用程序和網(wǎng)頁過程中不可缺少的元素之一。通過小矢量圖標(biāo)，我們可以快速方便地實(shí)現(xiàn)視覺指導(dǎo)和功能劃分。

          但在創(chuàng)作中，設(shè)計(jì)師往往需要花費(fèi)大量的時(shí)間和精力來尋找不同網(wǎng)站的矢量圖標(biāo)，以滿足他們的設(shè)計(jì)需求，這對項(xiàng)目進(jìn)度和團(tuán)隊(duì)合作有很大的影響。

          為您整理了10個(gè)設(shè)計(jì)師必須看到的免費(fèi)矢量圖標(biāo)網(wǎng)站，并迅速收集！

          1.即時(shí)設(shè)計(jì)

          即時(shí)設(shè)計(jì)是一款免費(fèi)的在線 UI 設(shè)計(jì)工具，無系統(tǒng)限制，瀏覽器打開即可使用，更有豐富的在線素材、云端字體、交互動(dòng)畫等功能滿足多種需求，輕松應(yīng)付移動(dòng)端、Web端、可視化大屏等設(shè)計(jì)場景，還可和產(chǎn)品、開發(fā)輕松協(xié)作，實(shí)時(shí)在線評審、交付切圖、查看代碼標(biāo)注，大幅提高團(tuán)隊(duì)工作效率。
          復(fù)制鏈接到瀏覽器體驗(yàn)：https://js.design/community?category=design&classify=icon&source=tt&plan=ystt290

          即時(shí)設(shè)計(jì)的資源社區(qū)提供豐富的圖標(biāo)、插畫、組件、原型等模板資源。

          2.Freepik

          Freepik是一個(gè)非常受設(shè)計(jì)師歡迎的免費(fèi)矢量圖標(biāo)網(wǎng)站。該網(wǎng)站來自歐洲，提供高質(zhì)量的免費(fèi)矢量圖標(biāo)、插圖、照片和PSD文件材料。平臺(tái)材料由設(shè)計(jì)師上傳。經(jīng)過精心篩選發(fā)布的圖片材料非常時(shí)尚美觀，還包括EPS或PSD格式，可用于二次修改。此外，F(xiàn)reepik的矢量圖標(biāo)質(zhì)量優(yōu)于大多數(shù)其他外國網(wǎng)站，值得收藏。

          3.Flaticon

          Flaticon是一個(gè)很好的國外矢量圖標(biāo)網(wǎng)站，目前擁有800多萬個(gè)免費(fèi)矢量圖標(biāo)，其中包括PNG、SVG、EPS、PSD和CSS格式的免費(fèi)圖標(biāo)和貼紙有豐富的類型和內(nèi)容。因此，無論您正在尋找哪種矢量圖標(biāo)，您都可以在這里找到所需的資源，并在搜索時(shí)使用英語輸入。

          4.Iconfinder

          Iconfinder提供了6.675萬多個(gè)先進(jìn)的矢量圖標(biāo)、插圖和3D插圖。它是一個(gè)強(qiáng)大的矢量圖標(biāo)網(wǎng)站，需要用英語搜索。大多數(shù)矢量圖標(biāo)是免費(fèi)的。在這里，設(shè)計(jì)師可以快速找到各種矢量圖標(biāo)，無需注冊即可直接下載。登錄后，您還可以通過瀏覽器在線調(diào)整圖標(biāo)的顏色、大小或文本。界面清潔簡單，操作簡單。在線矢量圖標(biāo)編輯器可以滿足圖標(biāo)編輯的基本需求。

          5.Icon8

          Icon8有1、155、200個(gè)免費(fèi)圖標(biāo)，包括Android、各種風(fēng)格，包括iOS和Windows。無需連接網(wǎng)絡(luò)即可下載，只需選擇矢量圖標(biāo)并將其拖到網(wǎng)站提供的編輯器中，甚至可以在不登錄的情況下直接更改圖標(biāo)的顏色和大小(PNG256和PNG512除外，需要登錄才能訪問)。

          6.Iconninja

          Iconninja是一個(gè)提供近百萬免費(fèi)矢量圖標(biāo)的網(wǎng)站，支持英文關(guān)鍵詞搜索。所有材料都提供格式、寬度、高度、文件大小等詳細(xì)信息，非常適合設(shè)計(jì)師、前端工程師或PPT設(shè)計(jì)師下載。

          7.Freedesignfile

          Fredesignfile是一個(gè)熱門網(wǎng)站，可以快速找到矢量設(shè)計(jì)元素和矢量圖像，包括成千上萬的免費(fèi)矢量材料、圖標(biāo)和圖片，以及免費(fèi)的Photoshop筆刷、動(dòng)作、圖案、紋理和風(fēng)格，以及免費(fèi)的PSD和字體。大量資源矢量圖比送可供個(gè)人免費(fèi)使用，大部分可商業(yè)使用，但需要注明來源。

          8.Vector4free

          矢量圖標(biāo)網(wǎng)站Vector4Free的資源集合并不多，只有1500多個(gè)免費(fèi)矢量圖標(biāo)，但質(zhì)量很高，款式很精致，分類清晰，很容易找到所需的材料。所有精選的矢量圖標(biāo)均可免費(fèi)供個(gè)人使用，但在商業(yè)使用前應(yīng)檢查許可證規(guī)則。

          9.Vecteezy

          Vecteezy是一個(gè)索引網(wǎng)站，擁有豐富的免費(fèi)矢量圖標(biāo)、照片、PNG和視頻。它收集了大量的圖片材料，并每天更新。矢量圖標(biāo)由設(shè)計(jì)師上傳和共享，除了那些沒有標(biāo)記的材料外，大部分材料可以免費(fèi)下載Free“材料需要付費(fèi)訂閱會(huì)員才能使用。下載時(shí)一定要檢查許可證，以確認(rèn)材料是否可以用于個(gè)人或商業(yè)用途。

          10.Thenounproject

          Thenounproject聚集了許多原創(chuàng)圖標(biāo)設(shè)計(jì)師在這里上傳和分享他們的作品，擁有300多萬個(gè)精選圖標(biāo)。專門提供黑白圖標(biāo)，界面非常簡單，從基本的圖形元素到生活中常見的圖標(biāo)，以及社交標(biāo)志，你可以在這里找到令人滿意的答案。但需要注意的是，矢量圖標(biāo)網(wǎng)站Thenounproject需要使用英文搜索，并提供SVG格式，因此在使用免費(fèi)矢量圖標(biāo)之前，還必須安裝Adobeilustrator或Draw等工具。

           ?
           html5 地理定位
          html5 Geolocation API用于獲得用戶的地理位置
          鑒于該特性可能侵犯用戶的隱私,除非用戶同意,否則用戶位置信息是不可用的
          注意:Geolocation(地理定位)對于擁有GPS的設(shè)備,地理定位更加精確
          Geolocation API的主要方法是gerCurrentPositon,它用來獲得用戶的位置
          下面是一個(gè)簡答的地理定位實(shí)例,可返回用戶位置的經(jīng)度和緯度:
          var x=document.getElementById("demo");
          function getLocation(){
          if(navigator.geolocation){
          navigator.geolocation.getCurrentLocation(showPositon);}
          else{ 
          x.innerHTML="該瀏覽器不支持獲取地理位置."}
          }
          function showPosition(position){
          x.innerHTML="緯度:"+position.coords.latitude+
          "<br>經(jīng)度:"+position.coords.longitude;}
          實(shí)例解析:
          ●檢測是否支持地理定位
          ●如果支持,則運(yùn)行g(shù)erCurrentPosition()方法.如果不支持,則向用戶顯示一段信息
          ●如果getCurrentPostion()運(yùn)行成功,則向參數(shù)showPosition中規(guī)定的函數(shù)返回一個(gè)coordinates對象
          ●showPosition()函數(shù)獲得并顯示經(jīng)度和緯度
          上面的例子是一個(gè)非常基礎(chǔ)的地理定位腳本,不含錯(cuò)誤處理
          你需要先熟悉JavaScript才能理解和使用API
          如果gerCurrentPosition()運(yùn)行成功,則getCurrentPosition()方法返回對象.始終返回latitude,longtitude以及accuracy屬性.如果可用,則會(huì)返回其他下面的屬性:
          ●coords.latitude:十進(jìn)制數(shù)的緯度
          ●coords.longtitude:十進(jìn)制的經(jīng)度
          ●coords.accuracy:位置精度
          ●coords.altitude:海拔,海平面以上以米計(jì)
          ●coords.altitudeAccuracy:位置的海拔精度
          ●coords.heading:方向,從正北開始以度計(jì)
          ●coords.speed:速度,以米/每秒計(jì)
          ●timestamp:響應(yīng)的日期/時(shí)間
          二 html5 拖放
          拖放(Drag和drop)是html5標(biāo)準(zhǔn)的組成部分
          拖放是一種常見的特性,即抓取對象以后拖到另一個(gè)位置
          在html5中,拖放是標(biāo)準(zhǔn)的一部分,任何元素都能夠拖放
          ★設(shè)置元素為可拖放
          首先,為了使元素可拖動(dòng),需要把draggable屬性設(shè)置為true:
          <img draggable="true">
          ★拖動(dòng)什么-ondragstart和setData()
          然后,規(guī)定當(dāng)元素拖動(dòng)時(shí),會(huì)發(fā)生什么
          dataTransfer.setData()方法,設(shè)置被拖數(shù)據(jù)的數(shù)據(jù)類型和值:
          function drag(ev){
          ev.dataTransfer.setData("Text",ev.target.id);}
          在這個(gè)例子中,數(shù)據(jù)類型是"Text",值是可拖動(dòng)元素的id("drag1")
          ★放到何處-ondragover
          ondragover時(shí)間規(guī)定在何處放置被拖動(dòng)的數(shù)據(jù)
          默認(rèn)地,無法將數(shù)據(jù)/元素放置到其他元素中,如果需要設(shè)置允許放置,我們必須阻止元素的默認(rèn)處理方式.
          這要通過調(diào)用ondragover時(shí)間的event.preventDefault()方法:
          event.preventDefault()
          ★進(jìn)行放置-ondrop
          當(dāng)放置被拖數(shù)據(jù)時(shí),會(huì)發(fā)生drop事件
          function drop(ev){
          ev.preventDefault();
          var data=ev.dataTransfer.getData("Text");
          ev.target.appendChild(document.getElementById(data));}
          三 html5 SVG
          什么是SVG?
          ●SVG指可伸縮矢量圖形(Scalable Vector Graphics)
          ●SVG用于定義用于網(wǎng)絡(luò)的基于矢量的圖形
          ●SVG使用XML格式定義圖形
          ●SVG圖像在放大或改變尺寸的情況下其圖形質(zhì)量不會(huì)損失
          ●SVG是萬維聯(lián)盟的標(biāo)準(zhǔn)
          在html5中,你能夠直接將SVG元素嵌入html頁面中
          要使用SVG繪制圖形,你首先需要?jiǎng)?chuàng)建一個(gè)<svg>標(biāo)簽
          <svg width="1000" height="1000"></svg>
          要?jiǎng)?chuàng)建一個(gè)圓形,需要添加一個(gè)<circle>標(biāo)簽
          下面是SVG代碼:
          <svg width="1000" height="1000">
          <circle cx="100" cy="50" r="40" fill="red" />
          </svg>
          ●cx和cy屬性定義圓點(diǎn)的x和y坐標(biāo).如果省略cx和cy,圓的中心會(huì)被設(shè)置為(0,0)
          ●r屬性定義圓的半徑
          運(yùn)行效果如下:
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
福利一区二区三区视频午夜观看|
一区二区三区视频网站|
精品国产一区二区三区久久影院|
无码日韩精品一区二区免费|
末成年女A∨片一区二区|
国产在线精品一区二区高清不卡|
亚洲AV无码一区二三区|
国产一区二区在线|
日韩人妻无码一区二区三区久久|
高清一区二区三区|
日韩AV片无码一区二区不卡|
国产一国产一区秋霞在线观看|
国产成人高清视频一区二区|
国产传媒一区二区三区呀|
中文字幕人妻AV一区二区|
亚洲一区二区三区免费在线观看
|
亚洲成AV人片一区二区密柚|
国产91久久精品一区二区|
国产乱码一区二区三区爽爽爽|
国产vr一区二区在线观看|
日本免费一区尤物|
日韩美一区二区三区|
暖暖免费高清日本一区二区三区|
精品人妻无码一区二区色欲产成人|
色婷婷亚洲一区二区三区|
韩国资源视频一区二区三区|
久久精品国产一区|
一区二区在线电影|
日韩精品一区二区三区毛片|
亚洲精品国产suv一区88|
午夜视频久久久久一区
|
精品一区二区三区免费观看|
国产在线精品一区在线观看|
中文字幕一区日韩在线视频|
一区二区三区视频免费观看|
国产激情一区二区三区成人91|
欧洲精品码一区二区三区免费看|
日本一区二区三区在线网|
91国在线啪精品一区|
久久精品一区二区三区资源网|
亚洲av不卡一区二区三区|