28_基礎HTML知識點

2018-10-04 20:10:27 Nana 233

互聯網中的網頁由代碼組成,主要以HTML語言構成網頁文檔。

1、HTML簡介

HTML是 Hyper Text Markup Language的縮寫,是超文字標記語言或是超文字標籤語言HTML檔以html或htm為副檔名,
是目前網路上引用最廣泛的語言,它可以跨網路、跨平臺進行傳輸。

HTML是構成網頁文檔的主要語言,它使用一系列的標籤來結構化資訊,目前最新版本是HTML5。

①HTML文檔結構

html:任何網頁代碼都以<html>開始,以<hml>結束

head:頭部,定義網站類型和屬性,以<head>開始,以<head>結束。

body:主體部分,展示網頁主體內容,以<body>開始以<body>結束。
這部分是網頁主要內容的集合體,包含網頁中顯示的文本、圖片、連結等具體內容。

 

2、常用編輯工具

要用HTML代碼編寫頁面,需要用到編輯工具。HTML代碼編輯工具比較多,接下來介紹三種常用的代碼編輯工具。

①記事本: Windows內置、體積小、啟動快、記憶體佔用低。使用記事本創建網頁的基本

步驟為

第一步:打開記事本,輸入HTML代碼。

第二步:編輯完成後,將文檔保存為htm或html格式的檔。

第三步:打開網頁預覽效果。

②Ultraedit(簡稱UE):是一套功能強大的文字編輯器,可同時編輯多個檔,而且即使開啟很大的檔,速度也不會慢。
軟體附有HTML標籤顏色顯示、搜索替換及無限制的還原功能

③Dream Weaver:集網頁製作和管理網站於一身的所見即所得網頁編輯器,它是第一套針對專業網頁設計師的視覺化網頁開發工具,
利用它可以輕而易舉地製作出跨越平臺限制和跨
越流覽器限制的充滿動感的網頁。

3、HTML基本標籤

作為一名合格的SEO人員,我們不需要精通HTML代碼,但是要懂得網站代碼如何使用、如何優化。
比如網站中的重要內容,我們需要為其增加附加價值,這樣才能得到搜尋引擎的重
視,
這時就可以通過HTML代碼中的標籤將重要的內容標記,通過HTML代碼標記重要內容
之後,
搜尋引擎蜘蛛在抓取網站內容時就知道哪些內容應該賦予更高的權重。

因此SEO人員需要掌握幾種基本的代碼,清楚其含義以及用法

①<ttle>標籤

網頁標題,在<head>部分,以<tile>開始,以< / title>結束。 

< title>標籤對關鍵字排名的作用很大,SEO人員要確保網站每一個頁面的< title>標籤撰寫正確。

②<meta>標籤

網頁資訊,在<head>部分,如圖所示是網頁<meta>標籤原始程式碼展示。

 <meta>標籤主要用於三大屬性的定義。

③charset屬性:字元集,也叫編碼,是文字和符號的總稱。如gb2312、utf-8、gbk等。

gb2312字元集:是簡體中文字元集。

utf-8字元集:全球通用,可以全球訪問。

gbk字元集:是gb2312的升級版,應用更廣泛

charset屬性的使用方法如下

<meta http-equiv="content-type"content="text/html; charset=gb2312"/

SEO人員需要注意,如果網站使用的字元集不合適,可能會出現亂碼。

④description屬性:簡要的描述網站的相關資訊,寫法如下:

< meta name=" description" content="奇異恩典數位創意,主要為創業需求者網頁設計、銷售頁、SEO、關鍵字廣告、社群行銷、Line行銷、微信行銷、全方位網路行銷,確使貴公司網站之關鍵字能在各大搜索引擎排名往前、到達首頁。"/>。其中 content中的內容為頁面描述的資訊,用一段話來概括該網頁的內容

⑤keywords屬性:用於設定網頁的關鍵字,便於搜尋引擎瞭解網頁的主要內容,並將網頁顯示在對應的搜索結果中

寫法為:< meta name=" keywords" content="SEO|關鍵字|網頁設計|銷售頁|SEO教學|社群行銷|FB行銷|微信行銷|網路行銷"/>

其中 content中的內容為頁面的關鍵字

SEO人員需要掌握<meta→>標籤中幾種屬性的作用及用法。站在SEO的角度,網站的每個頁面都需要撰寫 description和 keywords屬性。

⑥<h#>標籤

用來定義文檔標題,#可以用數位1-6替代,數位越小級別越高,在標題的默認外觀上級別越高的標題就越大越醒目。

<h標籤應用在網頁body部分,以<h#>開始,<h#>結束,中間是標題內容。例如

<h1>學習SEO的方法有哪些---H1標籤</h1>

<h2>學習SEO的方法有哪些---H2標籤</h2>

<h3>學習SEO的方法有哪些---H3標籤</h3>

<h4>學習SEO的方法有哪些---H4標籤</h4>

<h5>學習SEO的方法有哪些---H5標籤</h5>

<h6>學習SEO的方法有哪些---H6標籤</h6> 

<h#>標籤,不同的級別重要性不同,在優化網站時,SEO人員需要慎重使用。

 

⑦<p>標籤

定義新段落,以<p>開始,以<p>結束,中間是段落內容。

⑧<br>標籤

自動換行,應用在語句尾部。需要注意,<br>標籤比較特殊,與其他標籤寫法不一樣。

⑨<strong>標籤

加粗強調,以<strong>開始 ,以</strong>結束。

⑩<img>標籤

定義圖片,可以通過相關屬性對圖片進行設置,應用在body部分,書寫方式如下

<img src="http://www.amazing333.com/images/about.jpg" alt="SEO培訓"/> <a>標籤

<a>標籤又叫做超連結標籤,本質上屬於網頁的一部分,允許同意網站的網頁之間,或不同的網頁之間進行連結的元素,
以<a>開始,以</a>結束。

<a>標籤的基本寫法如下

<a href="http://www.amazing333.com/" >奇異恩典SEO培訓</a>



標簽:   SEO 關鍵字 SEO人員 網路行銷 SEO培訓