论程序员的自我修养的博客

效果展示： 代码如下： <template> <div class="main"> <div class="aaa" :class="{active:index==isActive}" v-for="(item, index) in contentlist" @click="showdifference(index)" :key="index"> {{item.key}}

注释标签 &lt;!-- 与 --&gt; 用于在 HTML 插入注释 注：             在开始标签中有一个惊叹号，但是结束标签中没有，浏览器不会显示注释，但是能够帮助记录你的 HTML 文档。       你可以利用注释在 HTML 中放置通知和提醒信息。 示例： &lt;!-- 在此处写注释 --&gt; &lt;!-- 这是一段注释 --&gt; &lt;p&gt...

    对于 HTML，无法通过在 HTML代码中添加额外的空格或换行来改变输出的效果。     当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。      这种情况下可使用换行标签进行换行或者使用预格式文本。      那么什么是预格式文本呢？      预格式文本也是一...

      当你遇到某些需要缩写的专业名词而又不希望在后面加个括号进行说明时，可以使用缩写或者首字母缩写这种高大上一些的方法，废话不多说，看下面的例子。 示例： &lt;!-- 缩写和首字母缩写 --&gt; &lt;DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;

    网页中的文字显示方式既可以从左到右显示，也可以从右到左显示，看下面的示例。 示例：      &lt;!-- 文字方向 --&gt; &lt;DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset ="UTF-8"&gt; &lt;title&gt;文字方向&lt;/title&gt; &l

示例： &lt;!-- 删除字效果和插入字效果 --&gt; &lt;DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;删除字效果和插入字效果&lt;/title&gt; &lt;/head&gt; &lt;body&gt;