整合營銷服務商

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

          免費咨詢熱線:

          關于網頁標題title的那些事(一)

          關于網頁標題title的那些事(一)

          頁的title用于告訴用戶和搜索引擎這個網頁的主要內容是什么,搜索引擎在判斷一個網頁內容權重時,title是主要參考信息之一。網頁title是網頁上主要內容的概括,搜索引擎可以通過網頁標題迅速的判斷網頁的主題。每個網頁的內容都是不同的,每個網頁都應該有獨一無二的title。

          我們建議網頁標題可以這樣描述:

          ? 首頁:網站名稱 或者 網站名稱_提供服務介紹or產品介紹

          ? 頻道頁:頻道名稱_網站名稱

          ? 文章頁:文章title_頻道名稱_網站名稱

          title指html文檔中的<title>標簽,而非文章的標題,以下面的形式放在html文檔的<head>標簽中

          推薦做法

          ? 每個網頁應該有一個獨一無二的標題,切忌所有的頁面都使用默認標題

          ? 標題要主題明確,包含這個網頁中最重要的內容

          ? 簡明精練,不羅列與網頁內容不相關的信息

          ? 用戶瀏覽通常是從左到右的,重要的內容應該放到title的靠前的位置

          ? 使用用戶所熟知的語言描述。如果你有中、英文兩種網站名稱,盡量使用用戶熟知的那一種做為標題描述

          更多干貨QQ:2227948465 微信公眾號:hlwgh88 關注每日更新技術,咨詢,自媒體運營等

          QQ交流群:522073619(加群備注:互聯網)

          、鏈接標簽

          鏈接標簽是HTML頁面中最為常見,而且用途最廣的一個標簽,只要我們瀏覽網頁,就會有超鏈接。比如,通過點擊新聞標題鏈接到新聞詳情頁面,通過點擊商品名稱鏈接到商品列表或者詳情頁等等。

          • 縮寫

          anchor , 錨

          • 說明

          在HTML中創建超鏈接,只需用a標簽包括被鏈接的對象

          • 語法

          <a href="跳轉目標" target="目標窗口的彈出方式">文本或圖像</a>

          href:用于指定鏈接目標的url地址,必須屬性

          target:用于指定鏈接頁面的打開方式,其取值有 self和 _blank兩種,其中 _self為默認值,_blank為在新窗口中打開方式

          • 注意

          (1)當需要鏈接到 外部鏈接時,需要添加 http://

          (2)當需要內部鏈接時,直接鏈接內部頁面名稱即可 如 < a href=“index.html”> 首頁

          (3)如果暫時沒確定鏈接目標時,一般將href屬性值定義為“#”,表示暫時為一個空鏈接

          (4)不僅可以創建文本超鏈接,在網頁中各種網頁元素,如圖像、表格、音頻、視頻等都可以添加超鏈 接, 只要用a標簽包括即可

          錨點定位

          在當前html頁面上,通過創建錨點鏈接,用戶能夠快速定位到指定內容。

          適用于內容較多的頁面,通過點擊關鍵詞,可以快速到達指定區域。

          • 步驟

          (1)使用唯一的id標注目標位置

          (2)使用<a href="#id名“>鏈接文本創建鏈接

          二、特殊字符標簽(了解)

          在html頁面中,有些符號直接添加是無法正常顯示的,這個時候就用一些特殊的標簽來表示這類符號,而這類特殊的標簽,我們就叫做特殊字符標簽。

          • 常用的特殊字符標簽

          TML 實例

          <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>

          實例解析

          • DOCTYPE 聲明了文檔類型

          • 位于標簽 <html> 與 </html> 描述了文檔類型

          • 位于標簽 <body> 與 </body> 為可視化網頁內容

          • 位于標簽 <h1> 與 </h1> 作為一個標題使用

          • 位于標簽 <p> 與 </p> 作為一個段落顯示

          <!DOCTYPE html> 在HTML5中也是描述了文檔類型。

          什么是HTML?

          HTML 是用來描述網頁的一種語言。

          • HTML 指的是超文本標記語言: HyperText Markup Language

          • HTML 不是一種編程語言,而是一種標記語言

          • 標記語言是一套標記標簽 (markup tag)

          • HTML 使用標記標簽來描述網頁

          • HTML 文檔包含了HTML 標簽文本內容

          • HTML文檔也叫做 web 頁面

          HTML 標簽

          HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。

          • HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>

          • HTML 標簽通常是成對出現的,比如 <b> 和 </b>

          • 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽

          • 開始和結束標簽也被稱為開放標簽和閉合標簽

          <標簽>內容</標簽>

          HTML 元素

          "HTML 標簽" 和 "HTML 元素" 通常都是描述同樣的意思.

          但是嚴格來講, 一個 HTML 元素包含了開始標簽與結束標簽,如下實例:

          HTML 元素:

          <p>這是一個段落。</p>

          Web 瀏覽器

          Web瀏覽器(如谷歌瀏覽器,Internet Explorer,Firefox,Safari)是用于讀取HTML文件,并將其作為網頁顯示。

          瀏覽器并不是直接顯示的HTML標簽,但可以使用標簽來決定如何展現HTML頁面的內容給用戶:

          HTML 網頁結構

          下面是一個可視化的HTML頁面結構:

          <html>

          <head>

          <title>頁面標題</title>

          </head>

          <body>

          <h1>這是一個標題</h1>

          <p>這是一個段落。</p>

          <p>這是另外一個段落。</p>

          </body>

          </html>

          只有 <body> 區域 (白色部分) 才會在瀏覽器中顯示。

          HTML版本

          從初期的網絡誕生后,已經出現了許多HTML版本:

          版本發布時間
          HTML1991
          HTML+1993
          HTML 2.01995
          HTML 3.21997
          HTML 4.011999
          XHTML 1.02000
          HTML52012
          XHTML52013

          <!DOCTYPE> 聲明

          <!DOCTYPE>聲明有助于瀏覽器中正確顯示網頁。

          網絡上有很多不同的文件,如果能夠正確聲明HTML的版本,瀏覽器就能正確顯示網頁內容。

          doctype 聲明是不區分大小寫的,以下方式均可:

          <!DOCTYPE html>

          <!DOCTYPE HTML>

          <!doctype html>

          <!Doctype Html>

          通用聲明

          HTML5

          <!DOCTYPE html>

          HTML 4.01

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

          "http://www.w3.org/TR/html4/loose.dtd">

          XHTML 1.0

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          查看完整網頁聲明類型 DOCTYPE 參考手冊。

          中文編碼

          目前在大部分瀏覽器中,直接輸出中文會出現中文亂碼的情況,這時候我們就需要在頭部將字符聲明為 UTF-8。

          HTML 實例

          <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標題</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 精品无码人妻一区二区免费蜜桃| 无码人妻久久一区二区三区免费丨| 午夜性色一区二区三区不卡视频 | 国产主播福利精品一区二区| 精品一区二区三区中文字幕| 无码夜色一区二区三区| 无码精品一区二区三区| 天堂Aⅴ无码一区二区三区| 国产91大片精品一区在线观看| 国精品无码一区二区三区在线蜜臀| 在线日韩麻豆一区| 国产精品熟女视频一区二区 | 国产午夜精品片一区二区三区| 国产精品亚洲综合一区在线观看 | 日本精品一区二区在线播放 | 精品乱码一区内射人妻无码| 亚洲午夜在线一区| 成人免费一区二区三区在线观看| 国产精品日本一区二区在线播放| 日本午夜精品一区二区三区电影| 美女视频一区三区网站在线观看| 麻豆国产一区二区在线观看| 亚州国产AV一区二区三区伊在| 日韩免费无码视频一区二区三区| 中文字幕AV无码一区二区三区| 寂寞一区在线观看| 日韩最新视频一区二区三| 欧美一区内射最近更新| 亚洲一区精品伊人久久伊人| 精品国产一区二区三区久久| 久久一区二区三区免费播放| 在线日产精品一区| 日韩视频在线观看一区二区| 久久精品国产第一区二区| 无码中文字幕乱码一区 | av在线亚洲欧洲日产一区二区| 成人精品一区二区不卡视频| 国内精品一区二区三区最新| 精品乱子伦一区二区三区高清免费播放| 久久精品综合一区二区三区| 99无码人妻一区二区三区免费|