<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>
          

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>
          

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>
          

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>
                <ruby id="bdb3f"></ruby>
                
    


                
  
                                            
                                                                      
        
                
          ThinkChat2.0新版上線，更智能更精彩，支持會話、畫圖、視頻、閱讀、搜索等，送10W Token，即刻開啟你的AI之旅
          廣告
        
                        
                              
  

                

                
    
                
        
                
                            ## 頭部標簽
### 基本標簽
* 使用 HTML5 doctype，不區分大小寫。
~~~
<!DOCTYPE html> <!-- 使用 HTML5 doctype，不區分大小寫 -->
~~~
* 聲明文檔使用的字符編碼 
~~~
<meta charset='utf-8'> <!-- 聲明文檔使用的字符編碼 -->
~~~
* 更加標準的 lang 屬性寫法
標簽書寫順序：
~~~
language-extlang-script-region-variant-extension-privateuse
語言文字種類-擴展語言文字種類-書寫格式-國家和地區-變體-擴展-私有
~~~
標簽示例：
~~~
language:
fr 法語 
es 西班牙語 

language-extlang: 
zh-lzh 中文 (文言文) 
sgn-csl 手語 (中國大陸) 

language-script: 
cmn-Hans 普通話 (簡體) 
yue-Hant 粵語 (繁體) 

language-region: 
zh-CN 中文 (簡體, 中國大陸) 
en-US 英語 (美國) 

language-script-region： 
cmn-Hans-CN 普通話 (簡體, 中國大陸) 
cmn-Hant-TW 普通話 (繁體, 臺灣) 

language-script-variant: 
zh-Latn-pinyin 漢語拼音（例：nǐ，拉丁字母形式） 
zh-Bopo-pinyin 注音拼音（例：ㄋ丨ˇ，羅馬字形式，中國大陸 1958 年以前使用，臺灣目前使用） 
常見的一般有 language、language-script 和 language-region 三種
~~~
### IE 兼容模式
優先使用最新版本的IE 和 Chrome 內核
~~~
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
~~~
### SEO 優化
~~~
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- SEO -->
    <title>Style Guide</title>
    <meta name="keywords" content="your keywords">
    <meta name="description" content="your description">
    <meta name="author" content="author,email address">
</head>
~~~
### 設置base 控制整個頁面a標簽是否開啟新頁面
~~~
<base target="_blank">
~~~
<hr>

### 一些常用的移動端的 meta 屬性設置
~~~
<!-- 使用 HTML5 doctype，不區分大小寫 -->
<!DOCTYPE html>
<!-- 更加標準的 lang 屬性寫法 http://zhi.hu/XyIa -->
<html lang="zh-cmn-Hans">
<head>
  <!-- 聲明文檔使用的字符編碼 -->
  <meta charset='utf-8'>
  <!-- 優先使用 IE 最新版本和 Chrome -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <!-- 頁面描述 -->
  <meta name="description" content="不超過150個字符"/>
  <!-- 頁面關鍵詞 -->
  <meta name="keywords" content=""/>
  <!-- 網頁作者 -->
  <meta name="author" content="name, email@gmail.com"/>
  <!-- 搜索引擎抓取 -->
  <meta name="robots" content="index,follow"/>
  <!-- 為移動設備添加 viewport -->
  <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
  <!-- `width=device-width` 會導致 iPhone 5 添加到主屏后以 WebApp 全屏模式打開頁面時出現黑邊 http://bigc.at/ios-webapp-viewport-meta.orz -->

  <!-- iOS 設備 begin -->
  <!-- 添加到主屏后的標題（iOS 6 新增） -->
  <meta name="apple-mobile-web-app-title" content="標題">
  <!-- 是否啟用 WebApp 全屏模式，刪除蘋果默認的工具欄和菜單欄 -->
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <!-- 添加智能 App 廣告條 Smart App Banner（iOS 6+ Safari） -->
  <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
  <!-- 設置蘋果工具欄顏色 -->
  <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  <!-- 忽略頁面中的數字識別為電話，忽略email識別 -->
  <meta name="format-detection" content="telphone=no, email=no"/>
  <!-- 啟用360瀏覽器的極速模式(webkit) -->
  <meta name="renderer" content="webkit">
  <!-- 避免IE使用兼容模式 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 不讓百度轉碼 -->
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <!-- 針對手持設備優化，主要是針對一些老的不識別viewport的瀏覽器，比如黑莓 -->
  <meta name="HandheldFriendly" content="true">
  <!-- 微軟的老式瀏覽器 -->
  <meta name="MobileOptimized" content="320">
  <!-- uc強制豎屏 -->
  <meta name="screen-orientation" content="portrait">
  <!-- QQ強制豎屏 -->
  <meta name="x5-orientation" content="portrait">
  <!-- UC強制全屏 -->
  <meta name="full-screen" content="yes">
  <!-- QQ強制全屏 -->
  <meta name="x5-fullscreen" content="true">
  <!-- UC應用模式 -->
  <meta name="browsermode" content="application">
  <!-- QQ應用模式 -->
  <meta name="x5-page-mode" content="app">
  <!-- windows phone 點擊無高光 -->
  <meta name="msapplication-tap-highlight" content="no">
  
  <!-- iOS 圖標 begin -->
  <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png"/>
  <!-- iPhone 和 iTouch，默認 57x57 像素，必須有 -->
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"/>
  <!-- Retina iPhone 和 Retina iTouch，114x114 像素，可以沒有，但推薦有 -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png"/>
  <!-- Retina iPad，144x144 像素，可以沒有，但推薦有 -->
  <!-- iOS 圖標 end -->

  <!-- iOS 啟動畫面 begin -->
  <!-- iPad 豎屏 768 x 1004（標準分辨率） -->
  <link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png"/>
  <!-- iPad 豎屏 1536x2008（Retina） -->
  <link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png"/>
  <!-- iPad 橫屏 1024x748（標準分辨率） -->
  <link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png"/>
  <!-- iPad 橫屏 2048x1496（Retina） -->
  <link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png"/>
  <!-- iPhone/iPod Touch 豎屏 320x480 (標準分辨率) -->
  <link rel="apple-touch-startup-image" href="/splash-screen-320x480.png"/>
  <!-- iPhone/iPod Touch 豎屏 640x960 (Retina) -->
  <link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png"/>
  <!-- iPhone 5/iPod Touch 5 豎屏 640x1136 (Retina) -->
  <link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png"/>
  <!-- iOS 啟動畫面 end -->
  <!-- iOS 設備 end -->
  
  <!-- Windows 8 磁貼顏色 -->
  <meta name="msapplication-TileColor" content="#000"/>
  <!-- Windows 8 磁貼圖標 -->
  <meta name="msapplication-TileImage" content="icon.png"/>

  <!-- 添加 RSS 訂閱 -->
  <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
  <!-- 添加 favicon icon -->
  <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
  
  <!-- sns 社交標簽 begin -->
  <!-- 參考微博API -->
  <meta property="og:type" content="類型" />
  <meta property="og:url" content="URL地址" />
  <meta property="og:title" content="標題" />
  <meta property="og:image" content="圖片" />
  <meta property="og:description" content="描述" />
  <!-- sns 社交標簽 end -->
  <title>標題</title>
</head>
~~~
 
                    
                
        
                
            
        
                
    
                
    
                
        
                
    
                

                







                  <ruby id="bdb3f"></ruby>
                  <p id="bdb3f"><cite id="bdb3f"></cite></p>
                    

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>
                        

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>
                        

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>
                        

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>
                              <ruby id="bdb3f"></ruby>
                              

哎呀哎呀视频在线观看