首页 > 其他分享 >前端笔记-html-引用-20221020

前端笔记-html-引用-20221020

时间:2022-10-20 16:24:00浏览次数:58  
标签:1948 浏览器 定义 标签 元素 笔记 20221020 html 引用

HTML 引用

1.<q>标签:用于短的引用。浏览器通常会为 <q> 元素包围引号。

<p> WWF的<q>目标是构建人与自然和谐共处的世界</q></p>

 

2.<blockquote> 标签:长引用。浏览器通常会对 <blockquote> 元素进行缩进处理。

<p>
    以下内容引用自 WWF 的网站:
    <blockquote cite="http://www.worldwildlife.org/who/index.html">
    五十年来,WWF 一直致力于保护自然界的未来。
    世界领先的环保组织,WWF 工作于 100 个国家,
    并得到美国一百二十万会员及全球近五百万会员的支持。
    </blockquote>
</p>

 

3.<abbr> 标签:定义缩写或首字母缩略语。对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

<p>
        世界卫生组织<abbr title="World Health Organization">WHO</abbr>成立于1948年
</p>

4.<dfn>标签:<dfn> 的用法,按照 HTML5 标准中的描述

4.1 如果设置了 <dfn> 元素的 title 属性,则定义项目

<p>
        <dfn title="World Health Organization">WHO</dfn>成立于1948年。
</p>
#没有虚线

4.2 如果 <dfn> 元素包含具有标题的 <abbr> 元素,则 title 定义项目:

<p>
        <dfn>
            <abbr title="World Health Organization">WHO</abbr>成立于1948年
        </dfn>
</p>
#注意:这里下面会有小虚线

4.3 否则,<dfn> 文本内容即是项目,并且父元素包含定义。

</p>
    <p><dfn>WHO</dfn>World Health Organization成立于1948年
</p>

总结:要把解释的放在title里面,既包含了dfn和abbr里面的有显示的时候会有虚线

5.<address>标签:元素定义文档或文章的联系信息(作者/拥有者)。此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。

<address>
Written by Donald Duck.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

6.<cite>标签:定义著作的标题。浏览器通常会以斜体显示 <cite> 元素。

<p>
        <cite>The Scream</cite> by Edward Munch, painted in1893.
</p>

 

标签总结:

  1. <abbr>定义缩写或首字母缩略语。
  2. <address>定义文档作者或拥有者的联系信息。
  3. <bdo>定义文本方向。
  4. <blockquote>定义从其他来源引用的节。
  5. <dfn>定义项目或缩略词的定义。
  6. <q>定义短的行内引用。
  7. <cite>定义著作的标题。

 

 

 

 

 

标签:1948,浏览器,定义,标签,元素,笔记,20221020,html,引用
From: https://www.cnblogs.com/zhangrong789/p/16810286.html

相关文章

  • 581HTML标签_块标签 and 582 HTML标签_语义化标签
     语义化标签:html5中为了提高程序的可读性,提供了一些标签。      1.<header>:页眉      2.<footer>:页脚<!--页眉--><divid="header"><!--标题标签--......
  • HTML5和CSS3的新特性
    HTML5的新特性1.用于绘画的canvas元素;2.用于媒介回放的video和audio;3.本地离线存储;4.新标签:header,footer,nav,section,article5.新的表单控件:date,time,email,url,cale......
  • ansible学习笔记
    ansible基础[toc]ansible批量管理服务器的工具2015年被红帽公司收购使用Python语言编写的基于ssh进行管理,所以不需要在被管端安装任何软件ansible在管理远程主机的时候,主要......
  • HTML语义化标签和表格标签
    7.语义化标签:html5中为了提高程序的可读性,提供了一些标签。 1.<header>:页眉 2.<footer>:页脚8.表格标签: *table:定义表格 *width:宽度 ......
  • HTML快速入门和HTML标签-文件标签
    HTML快速入门快速入门:语法:1.html文档后缀名.html或者.htm2.标签分为1.围堵标签:有开始标签和结束标签。如<html> </html>2.自闭和标......
  • 算法数学笔记-五、群论入门
    #五、群论入门####群的定义可以理解为:$群G(S,*)=集合(S)+运算(*)$群的4个条件:在运算$*$作用下:1.封闭性2.存在单位元3.逆元存在4.$*$运算满足结合律 ####......
  • HTML链接标签和div和span
    5.链接标签: *a:定义一个超链接 *属性: *href:指定访问资源的URL(统一资源定位符) *target:指定打开资源的方式 ......
  • java学习笔记40
    面向对象static关键字详解静态属性packageoopzong.oop.opp6;//static:在类中使用修饰成员变量,在方法就是成员方法 静态方法和静态属性publicclassStudent{​ ......
  • vue3的学习笔记:MVC、Vue3概要、模板、数据绑定、用Vue3 + element ui 实现购物车案例
    一、前端MVC概要1.1、库与框架的区别框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。......
  • 【学习笔记】JSP基础语法和指令
    JSP基础语法和指令写jsp代码之前,需要导入四个包Servlet依赖JSP依赖JSP表达式依赖standard标签库 基础语法jsp表达式语法:<%=xxxxxxx%>xxxxxxx为j......