網(wǎng)站中常見的標(biāo)簽

網(wǎng)站中存在許許多多的html標(biāo)簽,但是有許多SEOER人員并沒有注意到這些標(biāo)簽,其實(shí)做好這些標(biāo)簽也是站內(nèi)優(yōu)化很重要的一部份,今天我就給大家介紹幾種比教受蜘蛛歡迎的標(biāo)簽.

A標(biāo)簽

a 標(biāo)簽在網(wǎng)頁中無所不在, 而且樣式復(fù)用性很高. 一般來說, 一個(gè)網(wǎng)站上的鏈接形式是比較統(tǒng)一的, 所以作為 reset 或者基本的 a 標(biāo)簽 CSS 定義十分重要

a 標(biāo)簽有 link, visited, hover, active 這幾個(gè)常用的偽類用于定義不同狀態(tài). 這些偽類意思明確, 使用簡單, 看起來不會存在什么問題,

H標(biāo)簽

Heading標(biāo)簽也叫做H標(biāo)簽,HTML語言里一共有六種大小的heading 標(biāo)簽,是網(wǎng)頁html 中對文本標(biāo)題所進(jìn)行的著重強(qiáng)調(diào)的一種標(biāo)簽,以標(biāo)簽

定義標(biāo)題頭的七個(gè)不同文字大小的tags,本質(zhì)是為了呈現(xiàn)內(nèi)容結(jié)構(gòu)。共有六對,文字從大到小,依此顯示重要性的遞減,也就是權(quán)重依次降低。

W3C指出h1-h7標(biāo)簽可定義標(biāo)題。h1定義最大的標(biāo)題。h6定義最小的標(biāo)題。h標(biāo)簽是成對出現(xiàn)的,以開始,以結(jié)束。h1,h2,h3,h4,h5,h6,h7作為標(biāo)題標(biāo)簽,并且依據(jù)重要性遞減。遵循這樣的原則是很有必要的,它能讓頁面的層級關(guān)系更清楚,讓搜索引擎更好地抓取和分析出頁面的主題內(nèi)容等等。

ALT標(biāo)簽

ALT標(biāo)簽是一種利用圖片進(jìn)行SEO的方法就是在這些圖片的img標(biāo)簽中使用alt標(biāo)簽。HTML標(biāo)簽中的alt標(biāo)簽用于顯示圖片的替換文本信息。alt標(biāo)簽應(yīng)該是對圖片的簡短介紹,同時(shí)應(yīng)該盡可能的包含當(dāng)前網(wǎng)頁的關(guān)鍵字。

TAG標(biāo)簽

網(wǎng)頁的html編碼中有幾個(gè)meta標(biāo)簽:標(biāo)題標(biāo)簽(Title Tag)、描述標(biāo)簽(Description Tag)、關(guān)鍵詞標(biāo)簽(Keywords Tag)、publisher tag、copyright tag、robots tag 等等。運(yùn)用TAG標(biāo)簽,可以使你發(fā)表的文章更容易被搜索到。 TAG標(biāo)簽是一種由您自己定義的,比分類更準(zhǔn)確、更具體,可以概括文章主要內(nèi)容的關(guān)鍵詞。

上訴幾種標(biāo)簽是SEOER人員必須要去了解以及運(yùn)用的幾種標(biāo)簽,做好了這些標(biāo)簽,網(wǎng)站排名什么的就那有那么吃力了。

HTML學(xué)習(xí)筆記:各種常用標(biāo)簽

感謝你的觀看,謝謝你。

話不多說,繼續(xù)html的學(xué)習(xí):

網(wǎng)站中常見的標(biāo)簽有哪些(HTML的基本標(biāo)簽)

昨天學(xué)習(xí)了最基礎(chǔ)的文本標(biāo)簽及屬性,除此之外還有很多其它標(biāo)簽,今天逐一學(xué)習(xí)。

一、鏈接標(biāo)簽(a標(biāo)簽)

a標(biāo)簽有一個(gè)必不可少的屬性:href。href也就是超鏈接的意思。

下面編寫代碼,其中我每行之間用了兩個(gè)換行符(

),為了使頁面看起來相對而言更加美觀些。

網(wǎng)站中常見的標(biāo)簽有哪些(HTML的基本標(biāo)簽)

作用是跳轉(zhuǎn)本頁面。

作用是跳轉(zhuǎn)到對應(yīng)網(wǎng)頁。

這個(gè)呢是我自己電腦里面的一個(gè)html文件,自己可以訪問,但是別人就沒法訪問了。

②中的是只要網(wǎng)址能打開,所有人都能訪問。

④href="mailto:對應(yīng)郵箱地址"

作用是用本地的郵箱客戶端,給填寫的郵箱發(fā)送郵件。

⑤target="_self"

self,自身的意思,作用就是在當(dāng)前頁面中打開填入的網(wǎng)頁鏈接。

⑥target="_blank"

blank,空白的意思,作用就是在新窗口中打開填入的網(wǎng)頁鏈接。

title,又是標(biāo)題,這里的作用是:當(dāng)我們將鼠標(biāo)放在當(dāng)前鏈接上的時(shí)候會出現(xiàn)一個(gè)標(biāo)題提示。

代碼編寫完畢,做一個(gè)測試:

網(wǎng)站中常見的標(biāo)簽有哪些(HTML的基本標(biāo)簽)

其中有個(gè)小常識:

左鍵直接點(diǎn)擊,會在當(dāng)前頁面中打開對應(yīng)鏈接。

Ctrl+左鍵點(diǎn)擊,會在新的頁面中打開對應(yīng)鏈接。

二、圖片標(biāo)簽和列表標(biāo)簽

1圖片標(biāo)簽

image,圖像的意思,簡寫為img,圖片標(biāo)簽也就是用img來表示。

網(wǎng)站中常見的標(biāo)簽有哪些(HTML的基本標(biāo)簽)

①src="https://www.8848seo.cn/圖片地址"

如果是本地圖片,寫出圖片所在的路徑即可。

如果是網(wǎng)絡(luò)圖片,寫出其對應(yīng)的鏈接即可。

其中width為寬度,height為高度,如果只設(shè)置其中一項(xiàng),高度和寬度是等比例縮放的。

當(dāng)然也可以寬度高度同時(shí)設(shè)置不同的值。

如果圖片丟失了,就會顯示alt里面的內(nèi)容。

同a標(biāo)簽一樣,當(dāng)鼠標(biāo)放在該圖片上時(shí),會顯示title里的內(nèi)容。

2列表標(biāo)簽

list,即列表的意思,其中又分為有序列表和無序列表。

有序列表:ordered list,簡寫就是ol。

網(wǎng)站中常見的標(biāo)簽有哪些(HTML的基本標(biāo)簽)

①type="1"

數(shù)字排序,這也是默認(rèn)的有序排序規(guī)則,所以可以省略不寫。

②type="a"

使用小寫字母排序,詳情見上圖。

③type="A"

使用大寫字母排序,詳情見上圖。

④type="Ⅰ"

使用羅馬字母排序,詳情見上圖。

⑤type="i"

使用字母i來排序,詳情見上圖。

無序列表:unordered list,簡寫就是 ul。

網(wǎng)站中常見的標(biāo)簽有哪些(HTML的基本標(biāo)簽)

①type="disc"

disc,唱片、圓盤的意思,這是無序列表的默認(rèn)屬性,所以可以省略不寫。

②type="circle"

circle,圓形的意思。

③type="square"

square,正方形的意思。

三、表格標(biāo)簽

1基本介紹

table,表格的意思,這在學(xué)數(shù)據(jù)庫時(shí)就接觸過。

tr,tablerow的縮寫,表示的是表格中的行。

td,tabledata的縮寫,表示的是表格中的數(shù)據(jù)。

網(wǎng)站中常見的標(biāo)簽有哪些(HTML的基本標(biāo)簽)

①單元格:cell:細(xì)胞的意思,在表格中就表示為一個(gè)單元格。

②表格外邊框:border,邊界的意思,用其可以設(shè)置外邊框的粗細(xì)。

③單元格外間距:cellspacing,用其設(shè)定外間距。

④單元格內(nèi)間距:cellpadding,用其設(shè)定內(nèi)間距。

其中width表示表格的寬度,并且外間距一般都會設(shè)定為0,不然都不像是個(gè)表格的樣子。

網(wǎng)站中常見的標(biāo)簽有哪些(HTML的基本標(biāo)簽)

①caption標(biāo)簽

標(biāo)題的意思,用以說明表格的標(biāo)題,我這邊還用了一個(gè)b標(biāo)簽將其給加粗了。

②th標(biāo)簽

table head的簡寫,也就是表格的表頭,它是默認(rèn)居中加粗的。

當(dāng)然我們也可以根據(jù)align屬性來設(shè)定排序位置(居左,居中,居右)。

此外,其中也可以使用thead、tbody、tfoot標(biāo)簽來劃分表格。

  • thead表示表格的頭部。
  • tbody表示表格的主體。
  • tfoot表示表格的腳部。

這個(gè)稍作了解即可,感覺使用這些標(biāo)簽和不使用這些標(biāo)簽對表格本身沒有影響。

2表格快速模板設(shè)置

網(wǎng)站中常見的標(biāo)簽有哪些(HTML的基本標(biāo)簽)

看到左上角那個(gè)黃燈后點(diǎn)擊,選擇Language Injection Settings,最后選擇html即可。

這樣設(shè)置后就可以使用表格快速創(chuàng)建模板了。

先輸入table>tr*4>td*4,再加上Tab鍵,即可快速創(chuàng)建一個(gè)4*4的表格。

3合并單元格

網(wǎng)站中常見的標(biāo)簽有哪些(HTML的基本標(biāo)簽)

①rowspan

合并行的意思,相同的列不同的行。

“2”的意思就是表示是跨兩行,從第1行開始將第1行和第2行合并起來了。

既然如此,那么第2行總共也就只需要3列了,所以將其第2行第1列刪除。

②colspan

合并列的意思,相同的行不同的列。

“3”的意思就是表示是跨3列,從第2列開始將第2列第3列和第4列合并起來了。

既然如此,那么第3行總共也就只需要2列了,所以將第3行中第3列第4列刪除。

最后

謝謝你的觀看。

如果可以的話,麻煩幫忙點(diǎn)個(gè)贊,謝謝你。

版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn),該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請發(fā)送郵件至 lkba@aliyun.com 舉報(bào),一經(jīng)查實(shí),本站將立刻刪除。

轉(zhuǎn)載請注明來自專注SEO技術(shù),教程,推廣 ,本文標(biāo)題:《網(wǎng)站中常見的標(biāo)簽有哪些(HTML的基本標(biāo)簽)》

標(biāo)簽:網(wǎng)站標(biāo)簽

上一篇
2023-12-23

SEM與SEO的區(qū)別(SEO與SEM的區(qū)別和聯(lián)系)

下一篇
2023-12-23

網(wǎng)站文章更新的注意事項(xiàng)有哪些(日常的網(wǎng)站內(nèi)容更新應(yīng)該如何做到)