HTML 文本格式化

TML 文本格式化

加粗文本

斜体文本

电脑自动输出

这是下标和上标

HTML 格式化标签

HTML 使用标签<b> 与<i> 对输出的文本进行格式, 如：粗体 or 斜体

这些HTML标签被称为格式化标签（请查看底部完整标签参考手册）。

	通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。然而，这些标签的含义是不同的：<b> 与<i> 定义粗体或斜体文本。<strong> 或者 <em>意味着你要呈现的文本是重要的，所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏览器可能会支持更好的渲染效果。

在线实例

文本格式化

此例演示如何在一个 HTML 文件中对文本进行格式化

预格式文本

此例演示如何使用 pre 标签对空行和空格进行控制。

"计算机输出"标签

此例演示不同的"计算机输出"标签的显示效果。

地址

此例演示如何在 HTML 文件中写地址。

缩写和首字母缩写

此例演示如何实现缩写或首字母缩写。

文字方向

此例演示如何改变文字的方向。

块引用

此例演示如何实现长短不一的引用语。

删除字效果和插入字效果

此例演示如何标记删除文本和插入文本。

HTML 文本格式化标签

标签	描述
<b>	定义粗体文本
<em>	定义着重文字
<i>	定义斜体字
<small>	定义小号字
<strong>	定义加重语气
<sub>	定义下标字
<sup>	定义上标字
<ins>	定义插入字
<del>	定义删除字

HTML "计算机输出" 标签

标签	描述
<code>	定义计算机代码
<kbd>	定义键盘码
<samp>	定义计算机代码样本
<var>	定义变量
<pre>	定义预格式文本

HTML 引文, 引用, 及标签定义

标签	描述
<abbr>	定义缩写
<address>	定义地址
<bdo>	定义文字方向
<blockquote>	定义长的引用
<q>	定义短的引用语
<cite>	定义引用、引证
<dfn>	定义一个定义项目。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！

段时间亚马逊日本站出公告称卖家不能在详情页面上使用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文本格式化通常使用一系列特定的标签来改变文本的外观或结构。这些标签可以控制文本的字体、大小、颜色、对齐方式等，也可以用来标记文本的逻辑结构（如段落、标题、列表等）。除了这些基本的格式化标签，HTML还支持通过CSS（级联样式表）来更精细和灵活地控制文本的格式和样式。

参考文档：https://www.cjavapy.com/article/3306/

1、标题

HTML中，文本格式化和结构化主要通过一系列标签来完成，其中标题（Headings）标签是最常用于定义文本格式的元素之一。HTML提供了六级标题标签，从 <h1> 到 <h6>，<h1> 表示最高级别的标题，而 <h6> 表示最低级别的标题。这些标题标签不仅帮助改善网页的结构和可读性，还对搜索引擎优化（SEO）至关重要，因为搜索引擎使用这些标签来识别网页上的不同部分和内容的层次结构。每个级别的标题都有默认的样式，通常是不同的大小和加粗，以显示它们的层次结构

<h1>这是一个 H1 标题</h1>
<h2>这是一个 H2 标题</h2>
<h3>这是一个 H3 标题</h3>
<h4>这是一个 H4 标题</h4>
<h5>这是一个 H5 标题</h5>
<h6>这是一个 H6 标题</h6>

2、段落与换行

HTML中，文本格式化通常涉及使用特定的标签来控制文本的显示方式。段落和换行是两个基本但非常重要的文本格式化概念。用<p>创建段落，<br>插入换行。

1）段落 (<p> 标签)

<p> 标签自带上下边距，用以区分不同的段落。
<p>这是一个段落。</p>
<p>这是另一个段落。</p>

2）换行 (<br> 标签)

<br> 标签只是简单地添加一个换行点，不添加任何额外的空间或边距，并且通常用于诗歌或地址等需要精确控制换行位置的文本。

这是文本行的开始。<br>这是新的一行，但在同一个段落内。

3、强调文本

使用<em>和<strong>强调文本。HTML中，强调文本通常使用 <em> 和 <strong> 标签来实现。这两个标签既有语义意义，也影响文本的表现形式。

<em> 标签用于表示强调文本，通常表现为斜体，用以表示文本的轻度强调。

<strong> 标签用于表示更强烈的强调，通常表现为加粗，表示文本的高度强调。

<p>This is <em>emphasized</em> text.</p>
<p>This is <strong>strongly emphasized</strong> text.</p>

4、列表

HTML 提供了两种主要的列表类型：有序列表（<ol>）和无序列表（<ul>）。两种类型都使用列表项（<li>）来定义列表中的实际项。

1）有序列表

有序列表以 <ol> 标签开始。每个列表项都放在 <li> 标签内。列表是有序的，也就是每个项目都是编号的。这适用于项目顺序很重要的列表，如食谱或待办事项列表。

<ol>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ol>

2）无序列表

无序列表以 <ul> 标签开始。像有序列表一样，每个项都放在 <li> 标签内。然而，无序列表中的项目不是编号的。使用圆点符号进行表示。这适用于项目顺序不重要的列表，如购物清单。

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橙子</li>
</ul>

5、使用示例

<!DOCTYPE html>
<html>
<head>
<title>文本格式化示例</title>
</head>
<body>

<h1>HTML 文本格式化</h1>
<p>这是一个<em>斜体</em>和<strong>加粗</strong>的示例。</p>
<p><u>这段文本下划线</u>和<s>这段文本是删除线</s>。</p>
<p>化学水分子公式为H<sub>2</sub>O，E=mc<sup>2</sup>。</p>

<pre>
这是预格式化文本，
保留了空格和
换行符。
</pre>

<blockquote>这是一个长引用的示例，可能包含多个段落。</blockquote>
<p>这是一个<q>短引用</q>的示例。</p>

<p>使用<code>HTML</code>和<code>CSS</code>进行网页设计。</p>
<p>按<kbd>Ctrl</kbd> + <kbd>C</kbd>复制文本。</p>
<p><samp>这是计算机程序的输出。</samp></p>
<p>在JavaScript中，<var>x</var>可以作为变量。</p>

</body>
</html>

参考文档：https://www.cjavapy.com/article/3306/

在线咨询

上一篇：协作绘图应用程序：在画布上绘制形状
下一篇：简单网页设计模板html

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。