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 在线观看网站国产,天天操天天干天天玩,精品人妖chinese国产人妖

          整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          實現快捷生成HTML代碼

          ublime / vscode 快捷生成HTML代碼的實現

          文章目錄

          1.基本html結構

          2.生成div加類名的快捷鍵

          3.帶類名的div

          4.帶id的div

          5.屬性【】

          6.后代>

          7.兄弟+

          8.上級^

          9.乘法*

          10.文本{}

          1、基本html結構

          操作: 輸入 !+Enter鍵

          注意:這里輸入“!”+回車鍵前,需要清空原來生成的基本結構

          實現效果:

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <meta charset="UTF-8">
              <meta name="viewport" content="width=device-width, initial-scale=1.0">
              <meta http-equiv="X-UA-Compatible" content="ie=edge">
              <title>Document</title>
          </head>
          <body>
               
          </body>
          </html>

          2、生成div加類名的快捷鍵

          操作: 輸入 div.list>div.item_$*6

          實現效果:

          <div class="list">
              <div class="item_1"></div>
              <div class="item_2"></div>
              <div class="item_3"></div>
              <div class="item_4"></div>
              <div class="item_5"></div>
              <div class="item_6"></div>
          </div>

          3、帶類名的div

          操作: 輸入 div.wrapper

          實現效果:

          <div class="wrapper"></div>

          4、帶id的div

          操作: div#wrapper

          實現效果:

          <div id="wrapper"></div>

          5、屬性 []

          操作: span[title=“test”]

          實現效果:

          <span title="test"></span>

          6、后代 >

          操作: 輸入div>span>a

          實現效果:

          <span title="test"></span>

          7、兄弟 +

          操作: div+p+span

          實現效果:

          <div></div>
          <p></p>
          <span></span>

          8、上級 ^

          操作: div>span^i

          實現效果:

          <div><span></span></div>
          <i></i>

          9、乘法 *

          操作: ul>li*2

          實現效果:

          <ul>
              <li></li>
              <li></li>
          </ul>

          10、文本 {}

          操作: div>span{這是文本}

          實現效果:

          <div><span>這是文本</span></div>

          SEO必須要懂HTML,說的是一點都沒錯,不過其實是不需要全部都懂,最重點的你懂了會用,基本上都是事半功倍了??梢赃@么說一個不懂代碼的優化人員不算是一個合格的好優化。下面就總結一下做優化,必須要懂得幾個最重要的html代碼,希望能幫到大家。

          1.Title網站標題標簽

          1. Title標簽有兩個地方的用途一個是用在網站的主題說明,用來告訴網友這個網站的主旨是什么,是什么樣的網站,一般用來說明網站主題的詞2-3個為最佳。目前搜索引擎對Title的重視程度尤為重視所以建議慎重考慮關鍵詞。

          2. Title標簽的第二個用法是,在A標簽里面對鏈接文字強調說明的。鼠標經過會有提示,可以增加網站關鍵詞的密度。

          2.description描述標簽

          描述標簽一般會出現在抓取的快照里面,對網站的收錄SEO排名也是有一定的影響,不過現在搜索引擎都是智能化的,有時候抓取的并不是你自己所寫的描述標簽。而會根據用戶搜索關鍵詞相關度匹配。一般建議長度在100 個字左右不宜過長。

          3.keywords關鍵詞標簽

          關鍵詞keywords設置現在在搜索比重上面也越來越不明顯了,好多搜索已定提出可以放棄設置,因為搜索引擎能夠自動抓取,建議適當設置3個左右即可。

          1. H標簽

          1. H1標簽一般出現在頁面LOGO,或者單個文章的主標題部分。一個頁面最好能控制在2個之內切不可過多。

          2. H2標簽一般會用在網站欄目或者小標題標題部分。

          3. H3標簽一般用在側欄小標題子標題部分。

          4.<b>和<strong>文字加粗標簽

          文字加粗著重強調這文字比較重要,它會告訴搜索引擎此文字,在整個頁面文字中比較重要,所以一般加粗一些關鍵詞,一篇文章設置3-5個為宜,不可整篇加粗或者整篇不加粗。

          1. A標簽中的,Nofollow權重不傳遞,_blank新窗口打開

          1. rel標簽的屬性Nofollow權重不傳遞屬性,一般用于友情鏈接,或者網站有轉出站外的鏈接。

          2. target標簽的屬性_blank新窗口打開,以保留用戶在網站的停留時間,降低網站跳出率。

          3. se_prerender_url標簽目前還在研究,不過發現一些站長站都已經用上,搜索發現是谷歌吸引爬蟲而出,目前尚不具體了解用途。

          5.alt圖片描述標簽

          因為圖片不具有SEO屬性,所以alt越顯重要,ALT主要是圖片描述說明只用,用可以增加關鍵詞密度,但切記不可過多頻繁。

          HTML的不同標簽在SEO優化中的權重分數及權重排序

          內部鏈接文字:10分

          標題title:10分

          域名:7分

          H1,H2字號標題:5分

          每段首句:5分

          路徑或文件名:4分

          相似度(關鍵詞堆積):4分

          每句開頭:1.5分

          文本用法(內容):1分

          title屬性:1分 (不是<title>, 是A標簽中title屬性)

          加粗或斜體:1分

          alt標記:0.5分

          Meta描述(Description屬性):0.5分

          Meta關鍵詞(Keywords屬性):0.05分

          --------------------------------------------------------

          想了解更多網站優化,網絡營銷,網站運營,SEO/SEM/DSP,微博微信營銷

          可以百度搜索王塵宇查看更多進行交流。

          關注王塵宇個人QQ/微信:314111741

          lt;!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <meta name="viewport" content="width=device-width, initial-scale=1.0">

          <title>我的網頁</title>

          </head>

          <body>

          <header>

          <h1>我的網頁</h1>

          <nav>

          <ul>

          <li><a href="#">首頁</a></li>

          <li><a href="#">關于</a></li>

          <li><a href="#">聯系我們</a></li>

          </ul>

          </nav>

          </header>

          <main>

          <section>

          <h2>歡迎來到我的網頁</h2>

          <p>這是一個簡單的 HTML5 網頁設計。</p>

          <img src="https://picsum.photos/200" alt="隨機圖片">

          </section>

          <section>

          <h2>我們的服務</h2>

          <ul>

          <li>服務項目 1</li>

          <li>服務項目 2</li>

          <li>服務項目 3</li>

          </ul>

          </section>

          </main>

          <footer>

          <p>&copy; 2023 我的網頁</p>

          </footer>

          </body>

          </html>


          這個 HTML 參考?代碼?包括以下標準 HTML 特性:

          1. <!DOCTYPE html>:HTML5 的文檔類型聲明,指定文檔使用 HTML5 標準。
          2. <html>:HTML 文檔的根元素。
          3. <head>:包含文檔的元數據,如字符集、視口和標題等。
          4. <meta>:用于指定文檔的元數據,如字符集和視口等。
          5. <title>:定義文檔的標題,將顯示在瀏覽器標簽頁上。
          6. <header>:定義文檔的頭部,包括網站的標題和導航欄。
          7. <nav>:定義導航欄。
          8. <ul> 和 <li>:定義無序列表和列表項。
          9. <main>:定義文檔的主要內容區域。
          10. <section>:定義文檔的區域。
          11. <h1> 到 <h6>:定義標題級別,h1 為最高級別。
          12. <p>:定義段落。
          13. <img>:定義圖像。
          14. <footer>:定義文檔的底部,包括版權和其他信息。

          主站蜘蛛池模板: 久久国产精品最新一区| 中文字幕永久一区二区三区在线观看 | 久久国产一区二区三区| 国产日韩一区二区三区在线播放| 国产综合无码一区二区三区| 日韩一区二区免费视频| 99久久精品午夜一区二区| 高清一区二区三区免费视频| 国产乱码精品一区二区三区四川| 精品无码人妻一区二区三区品| 成人无码AV一区二区| 精品久久国产一区二区三区香蕉| 女人和拘做受全程看视频日本综合a一区二区视频| 亚洲一区二区三区影院| 丰满少妇内射一区| 伊人色综合一区二区三区| 国产成人精品一区在线| 一区二区三区免费精品视频| 国产一区二区三区不卡在线观看| 日韩一区二区在线免费观看| 日本人的色道www免费一区| 无码人妻aⅴ一区二区三区| 精品久久久久久无码中文字幕一区 | 精品无码一区二区三区爱欲九九 | 国产一区二区三区久久| 中文字幕AV一区中文字幕天堂| 中文人妻av高清一区二区| 中文字幕在线一区二区三区| 精品国产AⅤ一区二区三区4区 | 99久久无码一区人妻a黑| 91精品乱码一区二区三区| 国产午夜精品一区二区三区极品| 亚洲中文字幕久久久一区| 麻豆国产在线不卡一区二区| 久热国产精品视频一区二区三区| 国产视频福利一区| 一区二区三区四区在线播放| 国产91精品一区二区麻豆亚洲| 免费萌白酱国产一区二区三区| 亚洲毛片αv无线播放一区| 91在线看片一区国产|