HTML的經常會遇到一長串連續的字幕或者數字在頁面中沒辦法折斷換行,導致了頁面排版很亂。
默認情況下,一個 DIV或者其他元素的文本,如果都是無文字分隔符,無空格,則不會自動換行。
其實用一句很經典的CSS,就可以解決這個大麻煩。代碼如下:
<div class="detail_title" style="word-break: break-all;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
把這段代碼放到HTML文件里試試看。
段時間亞馬遜日本站出公告稱賣家不能在詳情頁面上使用HTML代碼后,多位其他站點的亞馬遜賣家就開始了一連串的問候:為什么美國站并沒有這個news?為什么歐洲站并沒有這個news?是不是新規只針對日本站?
時間給出答案:歐洲站以及美國站賣家也即將不能使用HTML標簽了。
歐美站發出通知:將不再支持在詳情頁面上使用HTML標記
據了解,亞馬遜一直不建議賣家在詳情頁面上使用任何HTML內容,這一點在商品詳情頁面規則中早已經闡明,即使如此還是有不少亞馬遜賣家在商品描述頁面使用HTML。
近日,亞馬遜歐洲站和美國站相繼發出通知明確表示,將不再支持在詳情頁面上使用HTML標記。
從圖中內容可以看出,為了向消費者提供安全性以及在非HTML設備上列出產品的多功能性,2021年7月17日之后,亞馬遜將停止支持在產品詳細信息頁面上的產品說明中使用HTML標簽。美國站賣家需要按照平臺的產品詳細信息頁面規則中的規定。
亞馬遜建議賣家在上述日期之前使用HTML標簽更新商品詳情頁面,賣家可以使用賣方中心或通常的渠道進行此類更新。
2021年7月17日之后,不支持在產品詳細信息頁面中包含HTML標記的所有產品描述將停止顯示HTML格式。例如,如果賣家在產品說明的一行中使用HTML標記,則該行可能會被刪除或不使用HTML格式顯示,這取決于標記的用法。
除了美國站,歐洲站賣家也即將不能使用HTML標記了。
從中可以看出,亞馬遜對歐洲站賣家的要求和美國站賣家大差不差,只是新規生效日期不同,暨從2021年6月19日開始,如果歐洲站賣家在產品說明的任何行中使用HTML標簽,則該行將被刪除或不使用HTML格式顯示。
賣家:怎么換行?怎么加粗字體?
小編了解到,很多亞馬遜賣家一直以來都是用HTML代碼來編輯詳情頁,現在亞馬遜不讓賣家使用HTML了,多位賣家異常惆悵:還有什么辦法實現換行和段落功能嗎?
一位手工賣家表示,這個政策對手工賣家來說很糟糕,因為直到最近,我們還在大量使用HTML,現在我們不得不接受重新編輯所有這些列表的重大噩耗!
另一位亞馬遜賣家同樣抱怨連連:這太可怕了!我仍在處理白色背景圖片,并在更新照片時重新修改了我的描述,現在即使是我遵循的規則,我也必須重新更改所有內容,因為它們再次更改了規則!
實際上,這個政策也再次把品牌話題帶動了起來,用某位亞馬遜賣家自己的話說就是,亞馬遜是在逼著賣家注冊品牌,換A+,這是大勢所趨。以美國站賣家為例,亞馬遜Listing描述從7.17后不再支持HTML tags, 也就是說還不備案品牌的賣家,以后描述的頁面可能就是一堆堆的樣子,這實在是沒眼看。
小編發現,從今年4月份開始,就陸續有賣家表示用不了HTML了:
賣家A:最近英國站不能用可視化編輯器了,我最近都是手打<b>,一用那個可視化編輯器就提示無效值。
賣家B:4月份上傳了幾個產品,美國站用可視化編輯器的代碼也顯示不了分行了……
值得注意的是,政策出來后賣家在以后能否用HTML換行的問題上糾結了起來。對此政策,一位賣家認為以后詳情頁描述里面,常用的換行<br>,換段落<p>,加粗<b>這些標簽都不準再用了,趁早批量用模板更新移除,否則可能會影響listing的完整顯示。
但是也有賣家表示,政策生效后仍可以用</br>換行,因為亞馬遜表示,在特殊情況下,賣家可以在描述中根據需要使用換行符 (</br>)。
小編想說,不管怎樣,賣家還是早做準備,弄清楚亞馬遜所說的特殊情況是什么意思,以免政策生效后亡羊補牢為時已晚。
商品詳情頁面規則
除了亞馬遜將停止支持在產品詳細信息頁面上的產品說明中使用HTML標簽這個新聞值得賣家關注,廣大亞馬遜賣家還需仔細研讀商品詳情頁面規則。
買家通過商品詳情頁面了解賣家的商品,亞馬遜也對商品詳情頁面進行了嚴格規定,亞馬遜要求賣家確保每個商品詳情頁面包含單一商品,這有助于為買家提供清晰且一致的購買體驗。一般來說,賣家需要遵守以下規定:
1、遵守任何相關的風格指南,避免使用HTML、JavaScript或其他代碼。
2、排除不適宜的內容,如淫穢或攻擊性材料、鏈接或聯系信息、情節劇透、評論或評論請求以及廣告。
避免為已有詳情頁面的商品創建重復頁面。
3、準確地分類和描述商品。
4、為新商品或新版本創建新的詳情頁面。
5、僅創建與主要商品相關的有效“變體”。
在編寫商品信息時,亞馬遜方面表示商品詳情頁面的商品名稱、描述、要點或圖片中不允許出現以下任何內容:
電話號碼、地址、電子郵件地址或網站URL;
供貨情況、商品價格或狀況詳情;
評論、引用或推薦內容;
請求買家發布正面評價的言辭;
用于下訂單的其他網站鏈接或備選配送服務(如免費配送);
在圖片、照片或視頻上加印廣告、宣傳資料或水印;
時效性信息,如宣傳活動、研討會或講座的日期;
在屬性中全部使用大寫字母,這適用于商品名稱、要點和/或商品描述,據了解,亞馬遜允許賣家僅對每個單詞的開頭使用大寫字母。
此外,賣家還需注意的是,商品名稱不得超過200個字符(包括空格,此上限適用于所有分類,某些分類的字符數可能更少。
一句話總結就是,在亞馬遜上銷售的任何商品均應遵守亞馬遜商品信息標準,如果賣家未遵守這些標準,則會導致負面買家體驗,并可能會導致賣家的銷售權限被暫時或永久取消。
馬遜描述中支持的常用HTML代碼:
1. 換行符號 <br>
第一行內容<br>
第二行內容<br>
第三行內容
2. 加粗符號 <b> </b>
<b>需要加粗的內容</b>
3. 文字大小調整符號
<p style="font-size:10px">需要設置文字大小的內容</p>
【通過改變10px來改變字體大小,如:14px就比10px字體顯示大】
4. 文字顏色變換符號
<p style="color:#fff000">需要設置文字顏色的內容</p>
具體顏色的HTML代碼請參照這個鏈接: http://www.w3school.com.cn/tags/html_ref_colornames.asp
【通過改變替換#fff000代碼來改變文字顏色】
5.文字斜體符號
<p style="font-style:italic">需要設置文字斜體的內容</p>
6. 文字下劃線代碼符號
<p style="text-decoration:underline">需要設置文字下劃線的內容</p>
7. 文字刪除線代碼符號
<p style="text-decoration:line-through">需要設置文字刪除線的內容</p>
*請認真填寫需求信息,我們會在24小時內與您取得聯系。