大数跨境

五个实用的 HTML 标签,助力您的电子商务业务

五个实用的 HTML 标签,助力您的电子商务业务 电商实践
2010-03-25
1
导读:驾驶汽车与经营电子商务业务之间存在一个类比。开车时,你需要掌握一些基本操作,比如如何转向、加速和刹车。同样,在线零售企业的管理者或所有者真正需要掌握的也主要是处理订单、管理客户服务以及做好财务核算这几

编者按:电子商务商家使用复杂的技术来运营业务。我们推出了“基础知识”系列,旨在帮助商家对这些技术有一个基本的了解,因为我们认识到大多数商家并不是网页开发人员或程序员。在本期中,特约编辑阿曼多·罗吉奥解释了常见的HTML标签及其使用方法。

存在一个驾驶汽车与运营电子商务业务之间的类比

对于汽车,你需要知道一些基本的事情,比如如何转向、加速和刹车。同样,在线零售业务的经理或所有者真正需要知道的只是如何处理订单、管理客户服务以及跟上会计工作。

但是,如果驾驶员还能换轮胎、换机油甚至更换制动转子,他们就能节省维修费用,并且可能能够升级(添加更好的轮胎)并优化车辆。考虑到这种优势——以及这个类比——以下是五个实用的HTML标签,可以帮助在线零售商对电子商务网站进行 minor 更改甚至修复。

1. <!DOCTYPE>

DOCTYPE标签或文档类型声明告诉Web浏览器在呈现网页时应使用哪组规则。使用错误的DOCTYPE或完全省略它,可能会导致浏览器以安全或“怪异”模式呈现网页。

当然,当你指定页面使用的规则集时,你需要确保页面上的实际代码遵循这些规则。

最新且最更新的DOCTYPE是HTML5。它也是最简单的。

<!DOCTYPE HTML>

无论您的网站使用何种DOCTYPE,都要确保代码遵循这些规则。您可以使用万维网联盟的HTML标记验证服务来测试您网站的有效性。

2. <head>

<head>标签及其代表的元素是包含有关网页的非内容信息的容器。该部分包括页面标题和关于页面的元数据,并且通常是引用外部样式表和JavaScript文件的部分。

head在搜索引擎优化中可以发挥重要作用。例如,SEO专家建议优化您的页面标题,使其对网站访问者(购物者)和搜索引擎都有意义。

一个糟糕的标题可能是“某五金店网站 – 主页”,而一个更好的例子则是“工具、木材和钉子 – 某五金店”。

head还将包含元数据,例如页面的描述。此描述可能会出现在搜索引擎结果页面上。

确保您网站上的<head>标签包含正确的标题和元数据。

3. <link>

在HTML中,<link>标签通常用于引用外部样式表——即包含页面演示指令且存储在页面HTML文件之外的文件。典型的link元素如下所示:

<link type="text/css" rel="stylesheet" href="style.css">

在此示例中,type告诉浏览器我们正在使用层叠样式表(CSS);rel确认它是一个样式表;而href描述了CSS文件的路径。在上述示例中,样式表style.css与HTML页面位于同一目录中,但我们也可以轻松引用站点层次结构中的任何位置甚至Web上任何位置的样式表。

在网页设计中,通常使用外部样式表比使用内部样式表(如下所示)更好。

<style type="text/css" media="screen"><!-- body { margin: 10% auto; text-align:center; background-color:#000;} --></style>

因此,对于您的网站,请检查样式是否由<link>标签管理而不是<style>标签。通常需要多个外部CSS文件,因此在head部分中看到多个<link>标签并不奇怪。

4. <script>

在网页设计中,HTML提供基本内容,CSS提供布局和呈现,JavaScript使网站具有交互性。像样式表一样,JavaScript可以是外部的也可以是内部的。

虽然使用内部样式表的理由非常少,但有很多时候使用内部JavaScript是有意义的。内部JavaScript看起来可能类似于来自名为CU3ER的内容滑块的这个示例:

外部JavaScript引用类似于外部CSS引用。

<script type="text/javascript" src="js/swfobject/swfobject.js"></script>

<script>标签应放置在head部分中或紧靠在关闭</body>标签之前。这两种位置都是正确的,典型的网页可能在两个地方都有script引用。

JavaScript可以对页面加载速度快慢产生a significant impact。网站所有者或经理几乎肯定会希望使用JavaScript,但会希望确保不过度使用。

当向网站添加许多 JavaScript 文件时,最好将它们合并——即把它们放在一起——以生成少数几个较大的文件。

5. <a>

锚点或<a>标签是互联网的基础。这是允许您在页面之间链接的标签。

鉴于其相对重要性,将其排除在有用标签列表之外是不可想象的,但它也应该是每个互联网用户最熟悉的标签。

锚标签可以有多种形式,但最基本的外观如下:

url.html">Some Anchor Text

驱动您的业务

HTML 是电子商务业务背后的主要编码语言。虽然构成该语言的标签和元素 literally 有数百种,但这些示例中的少数几个可以为您提供对网页工作原理的基本理解——这并不亚于更换轮胎或驾驶汽车。

【声明】内容源于网络
0
0
电商实践
电商实践
内容 8053
粉丝 0
电商实践 电商实践
总阅读37.4k
粉丝0
内容8.1k