当前位置: 首页 > news >正文

HTML_文本标签

概念:
1、用于包裹:词汇、短语等。
2、通常写在排版标签里面。
3、排版标签更宏观(大段的文字),文本标签更微观(词汇、短语)。
4、文本标签通常都是行内元素。

常用的文本标签
标签名 全称  标签语义
em Emphasized      加重(文本)。要着重阅读的内容
strongstrong  十分重要的内容(朗读时语气比em要强)
span span   

范围。没有具体语义,用于包裹短语的通用容器

不常用的文本标签
标签名 全称  标签语义
cite Citation      引用。通常包含作品标题(书籍、歌曲、电影、电视节目、绘画、雕塑)。
dfn                                                    definition定义。通常是特殊术语,或专属名词等。
del与ins            delete与insert删除的文本 与 插入的文本。
sub与supSubscripted与Superscripted 下标 与 上标。
code code 一段代码 
samp  sample  从正常的上下文中,将某些内容提取出来。例如:标识设备输出。
kbdKeyboard 键盘文本,表示文本是通过键盘输入的,经常用在计算机相关的手册中。
abbr Abbreviation缩写词(通常配合上title属性)。
bdo   Bi-Directional Override文本显示方向(通常要配合dir属性),可选值:默认值是ltr(left to right)、rtl(right to left)。
varVariable 变量(文本),可以与code标签一起使用。
smallSmall变小(文本),附属细则,例如:包括版权、法律文本。
bBold摘要中的关键字、评论中的产品名称。
iItalic斜体(文本),通常用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。现在多用于:呈现字体图标。
uUnderlined下划线(文本),通常表示与正常的内容有反差的文本。例如:错的单词、不合适的描述等。
qQuotation引用语、短引用。
blockquote(块元素)Block Quotation 区块引用语、长引用。
address(块元素)address地址

备注:
1、这些不常用的文本标签。编码时不用过于纠结(酌情而定,不用也没毛病)。
2、blockquote与address是块级元素,其他的文本标签都是行内元素。
3、有些语义感不强的标签,我们很少使用,例如:small、b、u、q、blockquote。
4、HTML标签太多了!记者那些重要的、语义感强的标签即可,截止目前,有这些:
h1~h6、p、div、em、strong、span。

举例:

<body><span>举例:</span><p>1、这首 <cite>《光辉岁月》</cite>,非常的好听!<br>2、<dfn>耗子尾汁</dfn>,是一个网络流行语,意思为 <dfn>好自为之</dfn>。<br>3、商品原价:<del>199</del>,限时秒杀:<ins>99</ins> 。<br>4、水的化学方程式是:H<sub>2</sub>O,8的三次方是这么写的:8<sup>3</sup>。<br>5、等过一段我们学习了JS,你就会发现这段代码很有意思:<code>alert(1)</code>。<br>6、手机突然提示: <samp>支付宝到账100万元!</samp><br>7、保存的快捷键是: <kbd>ctrl + s</kbd>。<br><!-- 移入到LOL时会显示全称名:英雄联盟 -->8、 <abbr title="英雄联盟">LOL</abbr>这个游戏非常好玩!<br>9、你是年少的欢喜,这句话反过来念就是: <bdo dir="rtl">你是年少的欢喜</bdo>。<br>10、等过一段我们学习了JS,我们就知道要这样定义变量: <code>let <var>a</var> = 1</code>。<br>11、<small>本网站所有资料、图表仅供参考,涉及投资项目所造成的赢亏与本网站无关。</small> <br>12、我也买个<b>罗技GPW二代</b>这个鼠标,确实很好用!<br>13、猪头声嘶力竭的喊着:<i>“ 燕子,没有你我怎么活啊!”</i><br>14、张三把“你好”的英文写成了:<u>heelo</u>,这是不对的!<br>15、屈原曾经说过:<q>路漫漫其修远兮,吾将上下而求索</q><br>16、有一首歌,歌词是这样的: <blockquote>后来,我总算学会了如何去爱,可惜你早已远去消失在人海;后来,终于在眼泪中明白,有些人一旦错过就不在。</blockquote>17、我们学校地址是:<address>江西省南昌市八一公园</address></p>
</body>

http://www.lryc.cn/news/460883.html

相关文章:

  • 基于SpringBoot+Vue+uniapp的诗词学习系统的详细设计和实现(源码+lw+部署文档+讲解等)
  • 健康睡眠的重要性
  • 知道ip地址怎么看网络地址
  • 精心整理85道Java微服务面试题(含答案)
  • MongoDB聚合管道(Aggregation Pipeline)
  • 移情别恋c++ ദ്ദി˶ー̀֊ー́ ) ——6.vector(无习题)
  • SpringBoot技术支持的桂林景点导航
  • 利用vmware在移动硬盘安装Ubuntu2go
  • Spring Boot:中小型医院网站的敏捷开发
  • 241011-在jupyter中实现文件夹压缩后下载
  • .NET 一款用于转储指定进程内存的工具
  • Splunk 修补关键漏洞,包括远程代码执行漏洞
  • 搭建一个vue3+vite框架
  • 【含文档】基于Springboot+Vue的公交管理系统(含源码+数据库+lw)
  • 自闭症儿童能否适应学校生活:提供专业辅助,助力顺利融入
  • MQTTnet.Server同时支持mqtt及websocket协议
  • 【数据结构】二叉树(一)遍历
  • 【C++ 贪心】1616. 分割两个字符串得到回文串|1868
  • 识别秒拨风险的具体方法及策略
  • [Python]如何在Ubuntu中建置python venv虛擬環境,並安裝TensorFlow和OpenCV函式庫?
  • Excel:Cells(Rows.Count, 1).End(xlUp).Row和Cells(Rows.Count, 1).End(xlUp)有什么区别
  • E. Count Paths
  • 集合论(ZFC)之良创关系(Well-Founded Relation)
  • centos 安装达梦数据库
  • 《Windows PE》6.4.1 无 DLL远程注入
  • 浙大数据结构:10-排序6 Sort with Swap(0, i)
  • 基于vue框架的的爱心捐赠物资信息系统85gsu(程序+源码+数据库+调试部署+开发环境)系统界面在最后面。
  • AI对抗AI:如何应对自动化攻击新时代?
  • 【微服务】微服务注册:构建灵活的服务管理机制
  • AsyncTask的工作原理和缺陷