欢迎关注微信公众号

索引

专区

品牌墙

历史 History

作者如何在自己的文章使用标签效果

分享模型总介绍:加入我们一起分享 Share your Models here


1、什么是标签
标签是在某个文章的正文内容里出现的,举例:http://scaletoy.cn/307/,其文章显示效果为:
image

标签的效果实际是把一篇文章,如果很长的话,从上下很长的篇幅,切分为单个标签,这样可以避免一个页面上下过长;或者,当内容分几个比较独立的部分时,可以起到“分段”的效果,只不过用标签代替分段。

2、哪些情况使用标签
如上文,标签用在:(1)文章内容过于冗长,上下篇幅过多时;(2)文章内容结构,可以分为几个独立的部分时。

3、使用标签可能带来的问题
请注意,不是每个文章都要用标签的方式。毕竟增加了代码量,理论上载入会慢一些。此外,如果内容上没有很好的划分,人为的拆成几个标签也没有必要。

另外,基于本站的技术架构,采用标签的页面,也是要在全部标签的全部内容(包括图片)从服务器上下载完毕后,标签才能正常发挥作用;而用户时常只看到第一个标签的界面下载完毕,就以为全部下载完毕了;此时直接点标签,可能的结果是中断了下载过程,导致整个页面下载失败,标签功能出现异常,以及后续几个标签包含的内容无法正常显示。

所以,请不要滥用标签。
检讨:建站初期,出于好玩,站长在很多文章里面用了标签;其实多数并不需要。

4、如何写标签代码
以下告诉大家怎么写。请看范例效果:标签样例

代码一样,我们用截图,此范例的代码的文本文档请右键点此并选择“目标另存为”下载
image

可以看到,实际标签的写法是很简单的。大家不需要理会那些代码,只需要替换几个位置的内容。
下图,红色下划线的文字,是四个标签的名称,显示在标签上,各位可以自由替换。红色框内的部分,是四个标签的正文内容,也由大家自行替换。
image

范例中,使用了四个标签页。那么大家会问,如果我需要更多标签页(或更少)怎么写?也很简单,见下图,蓝色下划线的一行告知标签的名称,可以复制此段形成更多标签(删除则更少),只是要注意红圈里的数字要相应更改成5/6/7等等。而蓝色框内代表的是某个标签内容的正文,如果有更多标签,也只需要复制整个蓝色框内的代码作为更多标签的正文(删除则更少)。不知大家明白没有?
image

我们举一个5个标签的例子如下,比较红下划线及红色框部分即可:
image

Leave a Reply

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

  

  

  

反垃圾评论过滤,请使用阿拉伯数字(0-9) anti-spam question, just use Arabic numbers 0~9 *