小編給大家分享一下head標簽中有哪些屬性，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
成都網(wǎng)站制作、成都網(wǎng)站設計服務團隊是一支充滿著熱情的團隊，執(zhí)著、敏銳、追求更好，是創(chuàng)新互聯(lián)的標準與要求，同時竭誠為客戶提供服務是我們的理念。成都創(chuàng)新互聯(lián)公司把每個網(wǎng)站當做一個產(chǎn)品來開發(fā)，精雕細琢，追求一名工匠心中的細致，我們更用心！
head 標簽里有什么？
每一個 HTML 文檔中，都有一個不可或缺的標簽：
，它作為一個容器，主要包含了用于描述 HTML 文檔自身信息（元數(shù)據(jù)）的標簽，這些標簽一般不會在頁面中被顯示出來，大多情況下是給瀏覽器和搜索引擎看的。
可以用在
里面的標簽有：
, <base href="http://weahome.cn/"/> , <link> , <style> , <meta> , <script> , <noscript> 。</p><p>元信息標簽介紹</p><p><title></p><p>定義文檔的標題，顯示在瀏覽器的標題欄或標簽頁上，一般會完整地概括整個網(wǎng)頁的內容。</p><p><base></p><p>給頁面上所有相對 URL 的提供一個基礎。一份文檔中只能有一個 <base> 標簽。</p><p>目前我只觀察到「淘寶網(wǎng)」使用了這個標簽。</p><p><link></p><p>規(guī)定外部資源與當前文檔的關系，常于鏈接樣式表，如下所示：</p><pre><link rel="stylesheet" href="xxx.css" type="text/css"></pre><p>當然還有很多其他的作用：</p><ol><li>比如用于 SEO，主要給搜索引擎看的：</li></ol><pre><link rel="canonical" href="http://weahome.cn/"/></pre><p>在網(wǎng)站中常有多個 url 指向同一個頁面的情況，上述標簽告知搜索引擎頁面的主 url 是什么，以便搜索引擎保留主要頁面而去除其他重復頁面。</p><ol><li>提供 rss 訂閱的：</li></ol><pre><link rel="alternate" type="application/rss+xml" title="RSS" href="..."></pre><p>上述標簽除搜索引擎可以看懂以外，也能被很多瀏覽器插件識別。</p><ol><li>表示頁面 icon 的：</li></ol><pre><link rel="icon" href="/upload/otherpic67/5649.jpg"></pre><p>多數(shù)瀏覽器會讀取這個 link 的資源并展示在頁面上。</p><ol><li>對頁面提供預處理的：</li></ol><pre></pre><p>提前對一個域名做 dns 查詢。強制對域名進行預讀取在有的情況下很有用,。</p><p>比如, 在網(wǎng)站的主頁上，強制在整個網(wǎng)站上對頻繁引用的域名做預解析處理，即使它們不在主頁本身上使用。雖然主頁的性能可能不受影響，但是會提高站點整體性能。</p><p><style></p><p>包含文檔的樣式信息。</p><p><meta></p><p>一種通用的元數(shù)據(jù)信息表示標簽，一般以鍵值對出現(xiàn)，如：<meta name="xxx" content="yyy"></p><p>charset 屬性</p><pre><meta charset="UTF-8"></pre><p>從 HTML5 開始，上述寫法被推薦使用，用于聲明當前文檔所使用的字符編碼，推薦放在 <head> 中的第一位。</p><p>http-equiv屬性</p><pre><meta http-equiv="content-type" content="text/html; charset=UTF-8"></pre><p>在 HTML4 中，上述代碼用于聲明字符集，但是現(xiàn)在已不被推薦。</p><p>除了 content-type ，還有其他幾個值：</p><p>content-language （已過時）、set-cookie （已過時）、default-style 、refresh 、content-security-policy</p><p>因為不常用，所以就不一一介紹了，也挺容易理解，感興趣可以點擊 這里 了解。</p><p>name 屬性</p><p>其實 <meta> 標簽可以被自由定義，只要讀取和寫入的雙方約定好 name 和 content 的格式就可以了。來看一個例子：</p><pre><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"></pre><p>上面這種用法并不在 HTML 標準中，但是卻移動端開發(fā)的事實標準。這里來解釋一下 content 中的內容：</p><p>width ：頁面寬度，可以是一個正整數(shù)；也可以一個字符串 "device-width" ，表示跟設備寬度相等。height ：頁面高度，可以是一個正整數(shù)；也可以一個字符串 "device-height" ，表示跟設備高度相等。initial-scale ：初始縮放比例。minimum-scale ： 最小縮放比例。maximum-scale ： 最大縮放比例。user-scalable ：是否允許用戶縮放。</p><p>name 屬性的值除了可以是 viewport 之外，還有相當多的值：</p><p>application-name 、author 、description 、generator 、keywords 、referrer 、robots 等。</p><p>同樣的，就不一一介紹了，感興趣可以點擊 這里 了解。</p><p><script></p><p>用于嵌入或引用可執(zhí)行腳本。來看幾個 script 標簽常見的全局屬性：</p><p>async</p><p>使瀏覽器使用另一個線程下載腳本，這時不會阻塞頁面渲染。當腳本下載完成后，瀏覽器會暫停渲染，執(zhí)行腳本，執(zhí)行完畢后繼續(xù)渲染頁面。</p><p>async 無法保證腳本的執(zhí)行順序，哪個腳本先下載結束就會先執(zhí)行。</p><p>defer</p><p>同樣會使瀏覽器并行下載腳本，但是下載完畢不會立即執(zhí)行，而是會等到 DOM 加載完成后（即剛剛讀取完 </html> 標簽）再執(zhí)行腳本。</p><p>defer 可以保證腳本的執(zhí)行順序就是它們在頁面上出現(xiàn)的順序。</p><p>src</p><p>定義引用外部腳本的地址，指定此屬性的 script 標簽內不應再有嵌入的腳本。如果腳本文件使用了非英語字符，還應該注明字符的編碼。如：</p><p><script charset="utf-8" src="https://www.example.com/script.js"></script><br/>type</p><p>默認值是 text/javascript</p><p>想了解更多關于 <script> 標簽的詳細內容可以點擊 這里 。</p><p><noscript></p><p>如果頁面上的腳本類型不受支持或者當前在瀏覽器中關閉了腳本，則在此中定義腳本未被執(zhí)行時的替代內容。</p><p>總結</p><p>本文到這里就結束了，其實關于 link 和 meta 標簽還有很多沒有介紹到，很多相關標簽都是有特殊的需求，只有在特定情況下才會使用，比如移動端開發(fā)就會用許多在 PC 上并不需要的標簽。</p><p>當然平時使用也主要是看需求，就拿我目前來說，只是些許用到過一些與 viewport 和 SEO 相關的標簽。</p><p>鑒于此我推薦一個不錯的學習方法，就是去各大網(wǎng)站查看它們的 head 標簽里都有什么，遇到?jīng)]見過的就去搜索一下，熟悉起來會很快。</p><p>我這邊看過的網(wǎng)站有：「淘寶網(wǎng)」、「阿里巴巴」、「京東」、「網(wǎng)易嚴選」、「起點中文網(wǎng)」等。</p><p>以上是“head標簽中有哪些屬性”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！</p>
<br>
名稱欄目：head標簽中有哪些屬性 <br>
文章源于：<a href="http://weahome.cn/article/jhsisi.html">http://weahome.cn/article/jhsisi.html</a>
</div>
</div>
</div>
<div id="squ6kqw" class="other container">
<h3>其他資訊</h3>
<ul>
<li>
<a href="/article/dogccig.html">gis技術領域 gis技術包括</a>
</li><li>
<a href="/article/dogccio.html">高性能的java代碼 java代碼性能優(yōu)化</a>
</li><li>
<a href="/article/dogccis.html">python數(shù)值型函數(shù) python 數(shù)值型</a>
</li><li>
<a href="/article/dogccij.html">移動GIS主要應用的技術 移動gis主要應用的技術有哪些</a>
</li><li>
<a href="/article/dogccoi.html">蘋果電腦怎么下mysql 蘋果電腦怎么下載百度網(wǎng)盤</a>
</li> </ul>
</div>
<div id="squ6kqw" class="footer">
<div id="squ6kqw" class="foota container">
<div id="squ6kqw" class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12">
<ul>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>網(wǎng)站制作</h3>
<a target="_blank">溫江網(wǎng)站制作</a><a target="_blank">網(wǎng)站制作</a><a target="_blank">成都網(wǎng)站制作</a><a target="_blank">定制網(wǎng)站制作</a><a target="_blank">成都網(wǎng)站制作公司</a><a target="_blank">廣安網(wǎng)站制作公司</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>企業(yè)服務</h3>
<a target="_blank">ICP經(jīng)營性備案</a><a target="_blank">成都網(wǎng)站維護</a><a target="_blank">廣播電視節(jié)目制作許可證</a><a target="_blank">買友情鏈接</a><a target="_blank">網(wǎng)絡文化經(jīng)營許可證</a><a target="_blank">網(wǎng)站收錄</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>網(wǎng)站建設</h3>
<a target="_blank">成都網(wǎng)站建設公司</a><a target="_blank">營銷型網(wǎng)站建設</a><a target="_blank">江油網(wǎng)站建設</a><a target="_blank">成都網(wǎng)站建設</a><a target="_blank">金融行業(yè)網(wǎng)站建設方案</a><a target="_blank">溫江網(wǎng)站建設</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>服務器托管</h3>
<a target="_blank">成都機柜租用</a><a target="_blank">光華服務器托管</a><a target="_blank">服務器機柜租賃</a><a target="_blank">IDC機房托管</a><a target="_blank">重慶電信回興機房托管</a><a target="_blank">重慶移動機房托管</a> </li>
</ul>
</div>
<div id="squ6kqw" class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12">
<p>全國免費咨詢:</p>
<b>400-028-6601</b>
<p>業(yè)務咨詢：028-86922220 / 13518219792</p>
<p>節(jié)假值班：18980820575 / 13518219792</p>
<p>聯(lián)系地址：成都市太升南路288號錦天國際A幢1002號</p>
</div>
</div>
<div id="squ6kqw" class="footb">
<div id="squ6kqw" class="copy container">
<div id="squ6kqw" class="fl">Copyright ? 成都創(chuàng)新互聯(lián)科技有限公司重慶分公司 <a target="_blank">渝ICP備2021005571號</a></div>
<!--<div id="squ6kqw" class="fr"><a target="_blank">成都網(wǎng)站建設</a>：<a target="_blank">創(chuàng)新互聯(lián)</a></div>-->
</div>
</div>
<div id="squ6kqw" class="link">
<div id="squ6kqw" class="container">
友情鏈接:：
<a target="_blank">成都網(wǎng)站建設</a>
<a target="_blank">重慶網(wǎng)站建設</a>
<a href="">四川網(wǎng)站建設</a>
<a href="">重慶建設網(wǎng)站</a>
<a target="_blank">移動服務器托管</a>
<a target="_blank">成都服務器托管</a>
<a target="_blank">云服務器</a>
<a target="_blank">廣告設計制作</a>
<a target="_blank">重慶網(wǎng)頁設計</a>
<a target="_blank">重慶做網(wǎng)站</a>
<a target="_blank">重慶網(wǎng)站制作</a>
<a href="">重慶網(wǎng)站建設</a>
<a href="">重慶網(wǎng)站公司</a>
<a href="">渝中網(wǎng)站制作</a>
<a href="">重慶網(wǎng)站設計</a>
</div>
</div>
</div>
<div id="squ6kqw" class="foot">
<ul class="public-celan">
<li>
<a target="_blank" class="a1 db tc">
<img src="/Public/Home/img/icon-23.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">在線咨詢</span>
</a>
</li>
<li>
<a href="tel:18980820575" class="a1 db tc">
<img src="/Public/Home/img/icon-24.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">電話咨詢</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc">
<img src="/Public/Home/img/icon-25.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">QQ咨詢</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up">
<img src="/Public/Home/img/icon-26.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">預約顧問</span>
</a>
</li>
</ul>
</div>
<div id="squ6kqw" class="customer">
<dl class="icon1">
<dt>
<a href="tencent://message/?uin=1683211881&Site=&Menu=yes">
<i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i>
<p>在線咨詢</p>
</a>
</dt>
</dl>
<dl class="icon2">
<dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨詢</p></dt>
<dd><img src="/Public/Home/img/ewm.png"></dd>
</dl>
<dl class="icon3">
<dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>電話咨詢</p></dt>
<dd>
<p>028-86922220（工作日）</p>
<p>18980820575（7×24）</p>
</dd>
</dl>
<dl class="icon4">
<dt class="sShow">
<a href="tencent://message/?uin=244261566&Site=&Menu=yes">
<i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p>
</a>
</dt>
</dl>
<dl class="icon5">
<dt class="gotop">
<a href="#top">
<i><img src="/Public/Home/img/top.png" alt=""></i><p>返回頂部</p>
</a>
</dt>
</dl>
</div>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://weahome.cn/" title="真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆">真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="ukiey" class="pl_css_ganrao" style="display: none;"><wbr id="ukiey"></wbr><tr id="ukiey"></tr><optgroup id="ukiey"></optgroup><li id="ukiey"><input id="ukiey"><tbody id="ukiey"></tbody></input></li><menu id="ukiey"><code id="ukiey"><td id="ukiey"></td></code></menu><center id="ukiey"><nav id="ukiey"><dfn id="ukiey"></dfn></nav></center><noscript id="ukiey"><td id="ukiey"><input id="ukiey"></input></td></noscript><kbd id="ukiey"></kbd><tbody id="ukiey"></tbody><tr id="ukiey"></tr><optgroup id="ukiey"></optgroup><strike id="ukiey"></strike><strike id="ukiey"></strike><li id="ukiey"></li><input id="ukiey"></input><button id="ukiey"></button><samp id="ukiey"></samp><td id="ukiey"><abbr id="ukiey"><th id="ukiey"></th></abbr></td><abbr id="ukiey"></abbr><xmp id="ukiey"></xmp><samp id="ukiey"></samp><pre id="ukiey"></pre><th id="ukiey"><li id="ukiey"><kbd id="ukiey"></kbd></li></th><code id="ukiey"><xmp id="ukiey"><table id="ukiey"></table></xmp></code><small id="ukiey"><center id="ukiey"><optgroup id="ukiey"></optgroup></center></small><object id="ukiey"><center id="ukiey"><code id="ukiey"></code></center></object><code id="ukiey"></code><center id="ukiey"></center><blockquote id="ukiey"></blockquote><nav id="ukiey"></nav><abbr id="ukiey"><rt id="ukiey"><acronym id="ukiey"></acronym></rt></abbr><bdo id="ukiey"></bdo><li id="ukiey"></li><optgroup id="ukiey"><strike id="ukiey"><noscript id="ukiey"></noscript></strike></optgroup><menu id="ukiey"></menu><input id="ukiey"></input><noframes id="ukiey"></noframes><rt id="ukiey"></rt><del id="ukiey"></del><xmp id="ukiey"><abbr id="ukiey"><th id="ukiey"></th></abbr></xmp><abbr id="ukiey"><menu id="ukiey"><tr id="ukiey"></tr></menu></abbr><abbr id="ukiey"><rt id="ukiey"><pre id="ukiey"></pre></rt></abbr><th id="ukiey"></th><optgroup id="ukiey"></optgroup><optgroup id="ukiey"><strike id="ukiey"><tr id="ukiey"></tr></strike></optgroup><center id="ukiey"></center><center id="ukiey"><em id="ukiey"><strike id="ukiey"></strike></em></center><tr id="ukiey"><li id="ukiey"><source id="ukiey"></source></li></tr><small id="ukiey"></small><tbody id="ukiey"></tbody></div>
</html>
<script>
$(".con img").each(function(){
var src = $(this).attr("src"); //獲取圖片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //絕對路徑
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script> 
重慶分公司
重慶分公司