<q>标签,短文本引用

想在你的html中加一段引用吗?比如在你的网页的文章里想引用某个作家的一句诗,这样会使你的文章更加出彩,那么<q>标签是你所需要的。

语法:

<q>引用文本</q>

如下面例子:

<p>最初知道庄子,是从一首诗<q>庄生晓梦迷蝴蝶。望帝春心托杜鹃。</q>开始的。虽然当时不知道是什么意思,只是觉得诗句挺特别。后来才明白这个典故出自是庄子的《逍遥游》,《逍遥游》代表了庄子思想的最高境界,是对世俗社会的功名利禄及自己的舍弃。</p>

讲解:

1. 在上面的例子中,“庄生晓梦迷蝴蝶。望帝春心托杜鹃。” 这是一句诗歌,出自晚唐诗人李商隐的《锦瑟》 。因为不是作者自己的文字,所以需要使用<q></q>实现引用。

2. 注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。

下图是代码显示结果:

注意这里用<q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。

示例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>q标签</title>
</head>
<body>
<p>周瑜,不可否认,他是历史上一个了不起的英雄人物!确实也配的上那句<q>聪明秀出为之英,胆略过人为之雄。</q></p>
</body>
</html>

  

时间: 2024-10-27 10:17:12

<q>标签,短文本引用的相关文章

&lt;q&gt;标签---短文本引用

源码: <body>    <p>文本部分          <q>引用部分</q>    </p> </body> 注意!!部分浏览器存在兼容性,可能导致无法显示,可以多试几个不同的效果

2.q标签使用

q标签表示引用,可以为其中的字符加上双引号. 例如: 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>q标签</title> 6 </head> 7 <body> 8 <p>周瑜,

html的q标签、blockquote标签

九层之台,起于垒土 一.<q> 定义和用法 <q> 标签定义短的引用.浏览器经常在引用的内容周围添加引号. <html> <body> <p>Here comes a short quotation: <q>This is a short quotation</q></p> <p>请注意,浏览器在引用的周围插入了引号.</p> </body> </html> 效果

[2016-01-16][html][q,blockquote标记,长短引用]

这是长引用(blockquote): 这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用. 这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用. 这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用. 这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用. 这是长引用.这是长引用.这是长引用.这是长引用.这是长引用.这是长引用. 这是短引用(q): 这是短引用 使用 blockquote 元素,浏览器会插入换行符和外边距

css q标签和quotes属性的使用

当元素是q的时候,可以无需使用::after或者::before选择器,直接就可以为q元素的内容添加标记元素. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> q { quotes: '+' '-'

HTML学习笔记 基础标签及css引用案例 第一节 (原创)参考使用表

<!DOCTYPE html><!--头文件 不是标签 也没有结束,这是声明该文件为HTML5--><html lang="en"><!--表示网页文字以什么格式显示 en为英文 zh是中文--><head> <!--头文件--> <meta charset="UTF-8"> <!--编码格式为UTF-8--> <title>我是页面左上角标题</tit

&lt;blockquote&gt;标签---长文本引用

源码: <body>   <blockquote>长文本引用</blockquote> </body> 长文本标签作用:引用比较长的文本,引用文本前后之间会有一定的缩进

html5新增的语义化标签

1.什么是语义化标签? 那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下我可以使用这个标签才合理)比如, 网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签. 文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用em标签表示强调等等. 2.为啥使用语义化标签? 1. 更容易被搜索引擎收录. 2. 更容易让屏幕阅读器读出网页内容. 3. 能够更好的体现页面的主题 4.兼容性更好,支持更多的网络设备 3.html语义化标签 1):

重温HTML之常用标签整理

一.Html介绍 1.Html和CSS的关系 1. HTML是网页内容的载体 2. CSS样式是表现(用来改变内容外观的东西称之为表现) 3. JavaScript是用来实现网页上的特效效果(有动画的,有交互的一般都是用JavaScript来实现的) 2.html标签 <p></p>是段落标签 <img>图片标签 3.标签的语法 1. 标签由英文尖括号<和>括起来 2. html中的标签一般都是成对出现的,分开始标签和结束标签.结束标签比开始标签多了一个/.