欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML文本级元素_html/css_WEB-ITnose

程序员文章站 2022-05-17 13:05:59
...
目录 [1]强调重要 [2]文字间隔 [3]不精确文字 [4]高亮显示 [5]次要评论 [6]术语处理 [7]引用 [8]换行 [9]上标下标 [10]文本删改 [11]特定时间 [12]注音标识 [13]文字方向 [14]计算机代码 例子演示

前面的话

  用于标记段落里的文本和其他内容组的元素种类很多,将这些文本级元素进行简单分类,便于整理和记忆

文本元素

强调重要

  虽然浏览器通常用斜体和粗体来显示em和strong,但这些元素不应用作加粗和斜体。这两个元素分别用来提升包含内容的强调程度和重要性

     表示强调

   表示重要

I am very worried!

warning

文字间隔

  i和b元素历来是用来展示粗体和斜体字体的,但在HTML5中,它们有了新的语义

  [1]表示不同情绪或声音的文本,如内心对白

Simon smirked,"Yes,I'm happy to take the garbage out." Ugh,I really don't want to ! he thought as he picked up the garbage bag.

  [2]表示外来语、分类学名和技术术语等

Oh la la!    

  [1]用于分隔文字

After bringing water to a boil, add potatoes and carrots

  [2]用于文章或故事的引言

Meteorologists predict more sunshine and scorching temperatures for the upcoming week, prompting area farmers to install irrigation systems.

不精确文字

   在HTML5中重新定义为有错的、过时的、不被建议使用的文本,常用于表示价格变动等

价格¥1298¥998!

37度 41度

高亮显示

   表示高亮或用于引用而标记的文字

We're all hoping it rains soon, some farmers have installed irrigation systems, at considerable expense

次要评论

   表示旁注,可用于免责声明、使用条款和版权信息等需要小字体的场景

图片仅供参考,请以实物为准Chris Elhorn | The city Press

术语处理

  用来定义术语

The term organic food refers to food produced without synthetic chemicals

   缩写词,可以配合定义术语

The GDO id a device allows off-world teams to open the iris.

引用

   表示作品标题的引用,可以是书影音画等

我最喜欢的电影是千与千寻

   表示短引用,常用于引用别人说的话,用引号可以表达等价语义

The judge said You can drink water form the fish tank but advised against it.

换行


  换行

  [注意]
标签是文本级语义元素,可以设置行高和字体大小,但设置宽高无效

The City Press
123 General Street
Springfield, OH 45501

 

   需要时指定单词可以换行的位置

Irrigation Direct

上标下标

  这两个标签在数学等式、科学符号和化学公式中非常有用

   表示上标

a2 + b2 = c2

   表示下标

H2 SO4

文本删改

  如果要表示文档的增删改记录,则应该使用ins和del标签

  文档中删除的内容

  [注意]

  

  [1]datetime:用于标明编辑的日期和可选的时间

  [2]cite:用于指定说明编辑的文档网址

一打有 二十 件。

特定时间

  

  [1]datatime表示确切的时间,遵循格式YYYY-MM-DDThh:mm:ssTZD,表示年-月-天-分割符T-时-分-秒-时区

  [2]pubdate表示

我们在每天早上 开始营业。

我在有个约会。

Posted

注音标识

  ruby标签定义注音标识,多用于CJK文字,CJK是指中日韩统一表意文字(Chinese、Japanese、Korean)

   表示ruby标记

     表示ruby标记文字

    表示ruby标记括号

 ㄏㄢˋ 

(hàn)()

文字方向

   忽略周围文字方向的文字
   覆盖两种方向的设置,允许显式设置方向,并覆盖所有其他当前方向

When rendered by a browser, these words will appear as 'sdroweseht'

计算机代码

    表示计算机代码
    定义键盘码
   定义计算机例子代码
     定义打字机代码
     定义变量

Computer code
Keyboard input
Teletype text
Sample text
Computer variable

例子演示

   点击下列相应标签名可进行演示

相关标签: HTML文本级元素