HTML的介紹與seo

weixin_51462623發表於2020-10-17
HTML

HTML

html搭建網頁結構
Hyper Text Markup Language 超文字標記語言
為了讓不同的瀏覽器看到相同的東西，需要一套規範，html就是規範

關於html檔案的命名，正規的專案不允許出現中文

html檔案裡面的東西叫做標籤

標籤通過樣子可以分為兩類
    雙標籤   <標籤名></標籤名>  開始標籤 結束標籤
    單標籤   <標籤名/>
html檔案就是由一堆標籤構成

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

【】
文件宣告
作用是給瀏覽器看

html在發展的過程中有版本
不同的版本，不同的規則

html1
html2
html3
html4  最穩定 用的時間最長的版本
    往下發展的時候產生了分歧
        一部分人想把html往移動端發展
        另一部分人 讓把html的規則更加嚴格 借鑑了xml弄出來一個xhtml
html5
    適應移動端

html標籤是所有標籤（除了文件宣告）的根標籤，所有標籤都在html裡面

lang  規定了整個頁面的語言型別
en 英文
zh 中文

不同語言有什麼區別呢？
    1、為了搜尋引擎搜尋
    2、為了瀏覽器的翻譯功能

【屬性】
就是擴充html的功能

屬性名="屬性值"   不區分單雙引號  但是約定都是雙引號

如果是雙標籤必須寫在開始標籤裡面

【head】
頭標籤 這裡面放的東西是給瀏覽器看的
【body】
身體標籤，所有網頁裡面寫的東西，放在body裡面
【meta】
本身沒有意義，都是通過屬性來增加他的意義
charset=“UTF-8”
charset 字符集編碼 編碼格式

<meta name="description" content="淘寶網 - 亞洲較大的網上交易平臺，提供各類服飾、美容、家居、數碼、話費/點卡充值… 數億優質商品，同時提供擔保交易(先收貨後付款)等安全交易保障服務，並由商家提供退貨承諾、破損補寄等消費者保障服務，讓你安心享受網上購物樂趣！" />
<meta name="keyword" content="淘寶,掏寶,網上購物,C2C,線上交易,交易市場,網上交易,交易市場,網上買,網上賣,購物網站,團購,網上貿易,安全購物,電子商務,放心買,供應,買賣資訊,網店,一口價,拍賣,網上開店,網路購物,打折,免費開店,網購,頻道,店鋪" />

<meta name="description"
          content="京東JD.COM-專業的綜合網上購物商城,銷售家電、數碼通訊、電腦、家居百貨、服裝服飾、母嬰、圖書、食品等數萬個品牌優質商品.便捷、誠信的服務，為您提供愉悅的網上購物體驗!"/>
    <meta name="Keywords" content="網上購物,網上商城,手機,筆記本,電腦,MP3,CD,VCD,DV,相機,數碼,配件,手錶,儲存卡,京東"/>

【title】
標題 瀏覽器標籤顯示用的
【標題】
h1-h6 沒有h7

h1-h6 越來越小

h1 一般一個頁面只有一個一級標題  權重（重要級別、優先順序）
正常專案中：第一：如果是新聞頁面，就當作標題，如果不是新聞頁面：就是logo

為了搜尋引擎

搜尋引擎 有規則

seo

SEO（Search Engine Optimization）：漢譯為搜尋引擎優化。是一種方式：利用搜尋引擎的規則提高網站在有關搜尋引擎內的自然排名。目的是讓其在行業內佔據領先地位，獲得品牌收益。很大程度上是網站經營者的一種商業行為，將自己或自己公司的排名前移。

相關文章