所有电子商务网站的共同点在于均使用HTML。事实上，几乎所有网站都依赖HTML构建，这意味着HTML的每次更新都会产生深远影响。
什么是HTML？
HTML（超文本标记语言）用于描述网页结构。Chrome、Firefox等Web浏览器依据该描述在屏幕上渲染页面。
例如，一位电商企业家希望网页包含：顶部页眉、四项导航菜单、底部含导航的页脚、中间大型产品图及下方文字“World’s Best Product”。使用HTML可编写如下：
<html> <body> <header> <nav> <a href="/">Home</a> <a href="/new">New Products</a> <a href="/all">All Products</a> <a href="/cart">Cart</a> </nav> </header> <section> <img src="/images/product-large.jpg"> <h1>World's Best Product</h1> </section> <footer> <nav> <a href="/">Home</a> <a href="/about">About us</a> <a href="/contact">Contact us</a> </nav> </footer> <body> </html>乍看复杂，但细究即可发现其完整对应了企业家的布局需求。
HTML5只是一个更新
HTML5虽引发广泛关注，但本质上仅是自1997年沿用至今的HTML4规范的更新版。它在增删部分元素的同时，进一步明确了规则。
新元素的加入是HTML5流行的核心驱动力，其中部分功能强大，尤其适用于电商等动态网站。
结构元素的变化
HTML5新增了构成网页各部分的结构性构建块。在上述示例中，涉及以下区域：
- 页眉；
- 顶部导航菜单；
- 带标题的大型产品图片区；
- 页脚；
- 底部导航菜单。
在HTML5之前，这些部分均需使用div元素实现。而HTML5为每个部分提供了专属标签，减少了div的滥用。
开发者与设计师可利用这些新元素自动调用浏览器原生功能，无需再用多个div拼凑区块。这使得HTML5页面布局创建更快、维护更简便。
新的输入元素类型
输入元素是表单的核心，用于采集客户姓名、地址及信用卡信息等。HTML5之前仅支持少数几种类型：
- 基本文本框；
- 密码框（隐藏输入内容）；
- 复选框；
- 单选按钮；
- 各类按钮。
HTML5新增了以下选项：
在桌面端，这些字段看似普通文本框；但在移动端，它们能调出专用键盘以简化输入。
HTML5移动浏览器中，“Email”输入默认匹配文本键盘。
—
HTML5移动浏览器中，“Telephone”输入默认匹配数字键盘。
SVG和Canvas图形元素
HTML5引入了SVG和canvas两种图形元素。其中，canvas对电商店铺的影响更为显著。
Canvas如同白纸，可通过JavaScript进行实用绘制。它已在HTML5游戏中大量取代Adobe Flash，且应用范围远不止游戏。
典型的电商应用场景是产品定制器，如预览印有客户文字的T恤或服装。相比Flash应用或笨拙界面，使用canvas元素可自动向客户展示定制后的产品效果。
视频媒体元素
HTML5新增的视频媒体元素对电商网站极具价值。它使嵌入视频变得简单，无需依赖YouTube、Vimeo或Wistia等外部服务。商家可用于展示产品演示、教程视频及公司简介。
尽管HTML5视频处理仍较复杂，需确保跨浏览器及多尺寸适配，但正确格式化后，移动用户即可通过新的video元素观看视频。这是旧版Flash视频无法在Apple iOS上运行所不具备的优势。
HTML5的实用性
HTML5是一项极具实用价值的更新，大多数网站均可受益：
- 结构优化：新结构元素让页面在各浏览器中显示更准确，避免因设计粗糙导致访客流失。
- 数据采集：新输入类型简化了移动端数据收集，有助于优化下单流程。
- 交互增强：结合JavaScript编程，canvas能为店铺（尤其是可定制产品）增加交互层。
- 全端覆盖：通过HTML5添加视频，可服务于所有设备上的购物者。
HTML5的缺点
尽管优势明显，HTML5也存在局限性：
不应盲目丢弃现有代码，尤其是采用近期现代设计的网站。重写应用或重新设计往往成本高昂且结果难料。除非有其他重设计理由，否则仅为升级HTML5而重构并不值得。
若使用托管式电商平台，请先确认模板是否已支持HTML5。部分平台已内置支持，可直接使用新元素。新建电商站点则应直接基于HTML5起步，以充分利用其新特性。
请参阅Eric Davis的下一篇文章：“什么是CSS对电子商务商家的意义。”