首页 > 代码库 > 2017-2-15从0开始前端学习笔记-文本

2017-2-15从0开始前端学习笔记-文本

2024-09-04 11:10:29   217人阅读

2017-2-15从0开始前端学习笔记-文本

标签

文本

  • 粗体和斜体

<b>bold粗体</b>
<i>italic斜体</i>

  • 上标和下标

<sup>上标</sup>
<sub>下标</sub>

  • 空白

  • 换行符和水品线

<br/>换行符
<hr/>水平线

语义化标记

  • 加粗和强调

<strong>加粗 加强语气</strong>
<em>强调 斜体 能改变语句的含义</em>

  • 引用

<blockquote cite="#">标记较长的引用 用cite=“#”表示引用的来源</blockquote>
<q>标记较短的引用 但IE浏览器不支持</q>

  • 缩写词和首字母缩写词

<abbr title="表示缩写内容">缩写词首字母缩写</abbr>

  • 引文和定义

<cite>表明引用的来源 在html5中不用于人名 显示为斜体</cite>
<dfn>表示一个新术语的定义 某些浏览器会显示为斜体</dfn>

  • 设计者详细信息

<address>包含设计者联系详情 通常显示为斜体</address>

  • 内容的修改

<ins>表示插入到文档中信息  显示下划线</ins>
<del>表示删除的文本 显示为删除线</del>
<s>表示不准确或不相关却不应当删除的内容 显示为从中穿过的线条</s>

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>文本</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href=http://www.mamicode.com/"" rel="stylesheet">
</head>
<body>
    <h1>The Story in the Book</h1>
    <h2>Chapter 1</h2>
    <p><dfn>“老司机”</dfn>可以指在某些方面熟门熟路，资历较老，见识广，经验足的人。通常这个词伴随着惊叹与崇敬之意。在<cite>游戏</cite>、<cite>贴吧</cite>、<cite>论坛</cite>等各种网络社区中待得久，资历老的用户会被称为老司机。一般另类的说法还有<i>老船长</i>、<i>老机长</i>等的说法。</p>
    <p>“老司机”一词在2015年逐渐兴起的一种用法发源于网络评论区、社交网络、IM工具。在微信、贴吧、QQ、微博等地中，手头保有的资源丰富的人会被崇拜者以及急于索取资源的人称为“老司机”。因此“老司机”经常特指在网上分享资源，或者显摆自己资源的人，并常伴随着“老司机快发车（也作开车、飚车）”、“老司机带带我”、“老司机又发车啦”这样的语句使用。<sub><abbr title="老司机是什么意思？">[1]</abbr></sub>  当“老司机”的资源未能发上去时被称为“老司机翻车了”。之后来的人看到翻车了会补刀一句<em>车祸现场</em>。</p>
</body>
</html>

2017-2-15从0开始前端学习笔记-文本


联系
我们