阿里國際站必須看懂的html編碼(續(xù))
國際站必須看懂的html編碼
四,
標簽主要是用來定義段落的,這個標簽在我們詳情描述里面可以經??吹降墓?,我們的文字段落的定義就可以用它來實現哈。好吧,我還是用實例的方式來說明吧。
可能新手朋友一眼看到這個不太了解這段代碼為什么要這樣寫。首先我告訴大家它的顯示效果是文字內容居中顯示。紅色的oil painting就是我們里面寫的文字內容。前面的style = "text-align:center;"這個是
標簽支持的樣式風格,style =""是樣式風格在標簽中的通用寫法,大家只要記住即可。Text-align:center這個代表的是文本的對齊方式。它的值是center,意思就是居中顯示哈。當然它也可以是left或者right。由于style里面有很多很多的值,這里就不一個一個的講解了。大家只要能知道
標簽是干嘛用的即可。
五,
標簽在阿里詳情描述里面也是出現很多的標簽。它本身沒有什么實際效果,我們應用它的主要原因就是要對內容添加樣式,即style。如果我們不在標簽中添加樣式,它就沒有什么視覺上的區(qū)別,也沒有很特別的意思。下面舉例說明它的用法。我們可以把它用在
標簽內來改變指定的文字樣式。如:
先截圖讓大家看一下這段代碼顯示的效果,如圖:
abstract handmade seascape oil painting 是我的文本。標簽我是加在abstract handmade這兩個單詞上的。里面添加了一些樣式,從最后顯示的效果大家就能夠清晰的看出來,文字背景為黃色,文字顏色是紅色,文字的字體是微軟雅黑,字號大小是16px。這些代碼我們不但需要看得懂,最好是能夠自由使用。因為當我們熟練的時候,我們不但能使用,而且還可以根據自己的需要添加和刪除一些代碼,那些無用的代碼我們盡量要刪除,這樣可以減小搜索服務器的壓力,對我們的搜索排名是有一定的優(yōu)勢的哦。還有就是規(guī)范合理的代碼書寫和排列也是對我們的搜索排名有好處的哈。
六,
這個標簽是一種效果標簽,從字面意思可能大家就可以理解,它是把文本加粗的一種標簽。這是文本的一種強調形式。用這個標簽告訴搜索引擎,這里是我的重點,在搜索優(yōu)化的時候,這個標簽內的內容就會有多一些的權重值。所以,我們在優(yōu)化的時候,標題和關鍵詞出現在詳情描述中的時候,我們盡量要把他們加粗顯示哦。
然后如圖看效果: 這里我要簡單說一下的是里面的 內容:class="aliDataTable" style="width: 80%;" border="1"。其中class="aliDataTable"是阿里給出的表格樣式,我們可以直接使用,就是這個灰色邊框效果顯示的表格樣式。當然我們也可以不用阿里給出的樣式,我們可以自己來定義邊框的顏色樣式。style="width: 80%是這個表格的寬度,顯示80%的意思是 我們阿里產品詳情描述顯示寬度是750,也就是說750寬度屬于是100%,那么80%的意思就是這個表格的寬度是600. Border="1"的意思是邊框的寬度是1像素。關于表格,我們在阿里詳情描述中我建議一定要使用。而且盡量使用阿里給出的表格樣式,即這種灰色邊框的顯示模式,當然如果你覺得不好看,可以自定義邊框和表格背景等等風格,但是這樣會加入大量的樣式代碼,加重搜索引擎的負擔。但是好的一點是視覺效果會非常非常的漂亮。
八,
標簽的功能是定義超鏈接,這個是一個非常非常重要的標簽。有的朋友想在產品的詳細描述中加入其他產品的鏈接,或者是在圖片上加入其他產品的鏈接,這個時候就必須用到這個標簽了。下面用代碼和圖樣的形式來說明:
在網頁上顯示的風格如圖:
這個時候如果我們點擊上圖里面的 abstract oil painting我們就會打開阿里巴巴的主頁。如上面的代碼……里面紅色文字是我的文本文字。我就是在這些文字上加的超鏈接。href= 這個代碼說明我加入的超鏈接是 也就是阿里巴巴國際站的首頁網址。target="_blank"的意思是點擊后在新窗口打開頁面。如果想在圖片上加入超鏈接,我們只需要把紅色文本換成標簽且鏈接圖片即可實現圖片上加入鏈接哈。在阿里的實際操作過程中,我們可以在關鍵詞上加入超鏈接來導向我們的相關產品來增加關鍵詞對這個關鍵詞的關注度,來增加它的權重。
九,
標簽表示是在網頁中插入圖片信息。這里需要說明的是這個標簽也是單獨出現的。它的代碼格式是:>
這個標簽的功能實現主要是src ="#"。這里的#號代表的是圖片的鏈接地址,只要加入這個地址,圖片就可以在網頁上顯示出來。Width和height是控制圖片在網頁中顯示的寬度和高度的。單位是像素。這里的Alt 是阿里進來剛開放的功能。它的功能是對圖片的搜索優(yōu)化,當我們在阿里詳細描述中插入圖片的時候,Alt 的默認值是圖片的名稱,如果你的圖片是數字編號,比如:001,那么Alt的值就是001。這個時候就需要我們切換成HTML的編輯模式對圖片的Alt值進行修改,修改成我們優(yōu)化的關鍵詞或者其他跟圖片相關的文字信息。[收起]
...[全文]