整合營銷服務商

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

          免費咨詢熱線:

          關于網頁標題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,我們一起飛!


          主站蜘蛛池模板: 亚洲日本一区二区三区在线不卡| 亚洲国产欧美日韩精品一区二区三区| 日韩一区二区三区视频| 日韩精品一区二区三区老鸭窝| 国产一区二区三区不卡AV| 国产精品污WWW一区二区三区| 夜夜精品无码一区二区三区| 无码喷水一区二区浪潮AV| 日韩一区二区视频| 中文字幕AV一区二区三区| 亚洲av综合av一区| 亚洲av无码一区二区三区不卡| 国产在线aaa片一区二区99| 久久精品国产一区二区三区不卡 | 久久久久人妻精品一区三寸蜜桃| 国产精品一区二区香蕉| 国产在线第一区二区三区| 麻豆一区二区三区蜜桃免费| 立川理惠在线播放一区| 一区二区网站在线观看| 99精品久久精品一区二区| 日本精品高清一区二区| 国产激情无码一区二区app| 日本一区精品久久久久影院| 亚洲国产一区在线| 中文字幕无线码一区二区| 国内精品一区二区三区最新 | 国产视频一区二区| 国产一区二区三区日韩精品| 一区二区三区四区无限乱码| 国产丝袜无码一区二区三区视频| 日本欧洲视频一区| 色综合视频一区中文字幕| 日韩精品一区二区三区中文版| 乱中年女人伦av一区二区| 亚州日本乱码一区二区三区| 国产精品亚洲一区二区麻豆| 国产一区二区三区在线看片| 精品人妻少妇一区二区| 射精专区一区二区朝鲜| 怡红院一区二区三区|