么是HTML

HTML的全稱是超文本語言（Hyper Text Markup Language）。雖然這個名字聽起來像是專業技術人員才能操作的，但事實上HTML是最簡單的代碼形式之一并且應用很廣泛。

簡而言之，HTML可以允許亞馬遜賣家對產品描述進行排版（比如說添加粗體和斜體，換行，以及加入bullet points等），讓買家能更清晰了解產品的賣點。

效果展示

看到這里，你可能會問了：沒有用HTML寫出來的產品描述就不能用了嗎？

答案是當然可以的，但是我們來對比一下不用HTML（圖1）與使用HTML（圖2）的產品描述的效果差異：

是不是看到沒有用HTML的產品描述時只覺得雜亂無章，想要馬上關掉這個頁面呢？而用了HTML的產品描述更有條理，看起來更專業，可以讓顧客很快地找到自己需要了解的內容。

在這個信息碎片化的時代，大家對同一件事情的注意力不會持續太久，沒有人有耐心去讀堆在一起的文字。如果顧客沒有很快地得到自己想要的信息，他們會立馬關閉頁面去瀏覽別人更清晰明了的listing。因此，賣家需要用更好的listing內容來留住客戶，吸引消費者下單購買。

常用的HTML編碼

想用HTML卻對代碼一無所知的賣家不用慌，你只需花幾分鐘了解最基礎的HTML代碼，就可以對自己的產品描述進行HTML編碼了。如果賣家不想自己手動寫HTML代碼，還可以使用相關軟件直接對自己的產品描述內容自動進行HTML編碼。

那有了自動編碼的軟件，我們為什么還要推薦手動的呢?

因為亞馬遜平臺對HTML代碼有諸多限制，很多代碼經過我們的測試，是不被亞馬遜支持的。

賣家使用手動編碼軟件來編寫自己的產品描述會確保HTML編碼的準確度和后續的順利上傳。所以對于到底是手動編碼還是使用自動編碼軟件，賣家要根據自己的需求和具體情況來決定。

手動編寫HTML

賣家只需了解以下這幾個HTML代碼就可以上手寫產品描述了：

- <h1>標題</h1>

- <p>段落</p>

- <br> = 換行

- <b>粗體</b>

- <li> = 列表項

- <i>斜體</i>

- <ul></ul> = 無序列表

- <ol></ol> = 有序列表

使用這些代碼時，要注意代碼的完整性與準確性。比如說<b> </b>，不要只使用一部分。<b> 代表粗體開始的地方，</b>代表粗體結束，如果使用不完整，可能會造成無法對文字進行粗，或者所有字體都變成粗體。

在這里，我們推薦大家一個寫HTML的免費工具W3 Schools（www.w3schools.com）。

網上可以找到很多免費的HTML編輯器，但是W3 Schools非常簡單便捷，運行速度快，而且也不會像有些編輯器一樣產生亂碼現象。

那么怎么使用工具寫出HTML格式的產品描述呢？

▲ 打開 W3 Schools HTML Editor。

▲ 將你為產品寫的非HTML的文字描述粘貼到左側框，再加入相應的代碼進行排版（當然賣家也可以邊寫內容邊用HTML代碼排版，不過這樣可能會擾亂思路）：

1. 將標題加入<h1></h1>中間

2. 每個段落的開頭加<p>，結尾加</p>

3. 將<br>放到需要換行的文字前，想要換幾次行就輸入幾個<br>即可

4. 將需要加粗的文字放到<b></b>中間

5. 將需要變成斜體的文字放到<i> </i>中間

6. 在bullet points的所有的內容前面添加上<ul>；然后在每一個bullet point之前要加入<li>；在bullet points內容后添加</ul>(如下圖所示)

7.在有序列表的所有內容前添加<ol>；然后在每項之前要加入<li>；在有序列表內容后添加</ol>(如下圖所示)

▲ 編排完內容后，點擊RUN就可以在右側看到你編排好的產品內容預覽了。

▲ 仔細檢查，確認無誤之后，就可以將左側欄中的內容復制粘貼到你的賣家平臺上了。

□ 使用軟件自動編寫HTML

如果賣家選擇用相關工具將產品描述自動變成HTML格式，我們推薦大家使用Html-Online工具（html-online.com/editor/）

下面用圖片為大家進行簡單地演示：

可以看到，賣家只需要在左側輸入產品內容再進行相應排版，即能在右側得到HTML的代碼，再將這些代碼直接復制并粘貼到賣家平臺進行保存，買家瀏覽時就會看到和左側框的一模一樣的內容版式，是不是非常簡單方便呢？

在這里，經過我們的測試，亞馬遜的賣家需要注意：在亞馬遜上打造listing過程中，修改字體顏色、字體背景、添加表情、添加下劃線、修改字體類型、調整字體大小、添加特殊符號、添加超鏈接和添加圖片現在是不被允許的。但是我們都知道，亞馬遜的規則實時都在變化，因此關注這些規則，收藏好這篇文章和工具以備未來之需！

毫無疑問，如果賣家進行了品牌注冊并可以做EBC(A+)的話是最好不過了，但是如果你還沒有在亞馬遜上注冊品牌或者還在等待品牌注冊的商標申請，那么HTML將會是你提升產品內容描述的有力幫手！

福利時間

如果您還想要了解各類編輯HTML的工具，我們在同名微信公眾號上添加了福利噢！在公眾號后臺回復【HTML】即可免費領取HTML工具測評匯總！

ue+.NetCore前后端分離，支持對前端、后臺基礎業務代碼擴展的快速發開框架

框架可直上手開發這些功能

• Vol.WebApi類庫可獨立用于restful api服務單獨部署,用于其他系統單獨提供接口,直接上手編寫業務代碼即可。
• Vue+Vol.WebApi 可用于現有框架前后端分離進行開發
• Vol.Web類庫可用于傳統MVC+Razor方式進行項目開發
• Vol.Builder類庫可作為一個獨立的代碼生成器,可生成cshtml頁面、Vue頁面、Model文件、Service與Repository.cs業務處理代碼類
• 可作為一個獨立站點來發布Editor編輯器生成的靜態html網頁.

框架特點

• 支持前端、后臺基礎業務代碼動態擴展，可在現有框架增、刪、改、查、導入、導出、審核基礎業務上擴展復雜的業務代碼
• 基本業務全部由框架完成，上手即可對基礎業務以外的代碼進行擴展
• 上手簡單，需要.net core2.1、VsCode mysql/sqlservcer 2012、redis(可選) 及以上版本的開發環境
• 學習成本低，封裝了常用可擴展組件及Demo(前端基于Iview/Element-UI組件進行了二次封裝、后臺提供了大量的擴展方法)
• 開發效率高,內定制開發的代碼生成器,生成前端(Vue、后臺代碼),代碼生成器已完成90%以上的重復工作，只需要在提供的擴展類型中實現其他業務
• 前端vue頁面表單下拉/多選框完成自動綁定數據源，不需要寫任何代碼,并支持擴展自定開發綁定。
• 后臺已完成權限、菜單、JWT等內部功能

如果你沒有做過webpack+vue工程化開發項目，可能會剛開始相當不適應，或者安裝環境總是出問題，但只要你熟悉開發流程后，你會發現采用Vue開發比Jquery爽太多了。上手項目需重點了解基礎Vue語法，特別是了解組件、路由及import的使用

開發及依賴環境

VS2017 、.NetCore2.1 、EFCore2.1、JWT、Dapper、Autofac、SqlServer/MySql、Redis(可選，沒有redis的在appsetting.json中不用配置，默認使用內置IMemory)、

VsCode、Vue2.0（webpack、node.js,如果沒有此環境自行搜索:vue webpack npm)、Vuex、axios、promise、IView、Element-ui

項目地址：https://github.com/cq-panda/Vue.NetCore

沒有覺得默認的HTML 的SELECT 的下拉選擇框丑到爆呢，一點沒有讓人想看第二遍的欲望呢。

Select-or-Die基于 jQuery 的下拉框美化插件來了（Select-or-Die 還另外提供了 3 套皮膚）

GitHub地址：https://github.com/vestman/Select-or-Die/ （沒有下載地址的都是耍流氓）

首先上效果圖

select美化插件 圖片來源網絡

Select-or-Die 的兼容性怎么樣？

瀏覽器兼容：兼容 IE8 及以上 IE 瀏覽器和其他主流現代瀏覽器。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法（這個才是重點）

1. 引入CSS 和JS
   

   <link rel="stylesheet" href="css/selectordie.css">
   

   <script src="js/jquery.min.js"></script>

   <script src="js/selectordie.min.js"></script>

2. 綁定元素美化（JavaScript）

$(function(){

$('select').selectOrDie();

});