添加独特的HTML元素

[tmonower958]

HTML 元素是经过编码的组件，可让浏览器知道如何定义该页面上的内容。快速答案框是一种 HTML 元素，但它们有多种形式。

在博客设计中添加其他 HTML 元素对于创建出色的视觉帖子至关重要，而无需大量可能昂贵或减慢页面加载速度的图像。

一些常见的 HTML 元素包括：

区块引用
表格
格式化列表
专业提示：您可以使用较大字体或醒目的颜色的块引用来引起对关键陈述的注意。

Siege Media 的可抓取表格或图表示例

表格可以将信息组织成易于理解的格式。在上面 澳大利亚电话号码列表 的例子中，我们交替使用行颜色以提高可扫描性，并添加品牌颜色以吸引眼球。

相同的方法可以应用于长列表，使它们与原本由无趣的黑色项目符号组成的长列表区分开来。

他们是如何做到的
改变关键要点部分的背景颜色可以进一步强调信息的重要性。

Ness 的快速答案框示例

这些 HTML 元素越来越多地被用来代替那些可能不必要的图像。

18.使文本可读
您希望读者能够轻松地从一行跳到下一行。要做到这一点，请避免列太宽。

他们是如何做到的
在这里您可以看到Floor Authority如何在页边距中留下大量空白以帮助读者跟随文案。

Floor Authority 的可读文本示例

我们的可读性最佳实践包括：

将字体大小设为 16-18 像素左右
确保列宽可以轻松跟踪到第二行，理想情况下为 650-800 像素，或大约 75 个字符
使用白色背景上的黑色文字（特殊部分除外）
这些博客设计的最佳实践可以减轻眼睛疲劳，同时帮助丰富多彩的元素更加突出。

19.选择清晰易读的字体
人们经常会倾向于使用醒目的字体，但简单的文字才是最好的。答案框和 HTML 元素会吸引读者的眼球并让他们保持兴趣，因此正文应坚持易于阅读。

Arial、Montserrat 和 Georgia 等字体是大多数博客常用且安全的选择。请远离 Comic Sans、Papyrus 等字体以及任何不必要的风格化字体。

20. 包含相关文章部分
博客的最佳做法之一是在博客文章末尾添加相关文章部分，重点介绍大约 6 篇相关文章。

您可以包含的帖子越多，同时仍保持部分简单易导航，内部链接就越好。我们建议使用带箭头的轮播，以获得最简洁的用户体验。

这些特色帖子应该包含与页面主题密切相关的信息，或者为一些简要提到的术语添加更多背景信息。

他们是如何做到的
缩略图应该很小，这样它们才不会减慢页面其余部分的浏览速度，但要尽量保持其引人注目。

图片显示相关帖子部分，作为博客设计最佳实践的一个示例

我们建议将这些链接随机分配到同一类别的帖子中，以保持新旧内容的良好混合。通过保持同一类别中的链接，您将为读者产生孤岛效应，不相关的文章将被过滤掉。

另一方面，手动选择链接提供了额外的机会，可以将与读者最相关的文章包含在页面上。您只需要有时间完成这个额外的步骤。