HTML文本级元素_html/css_WEB-ITnose
前面的话
用于标记段落里的文本和其他内容组的元素种类很多,将这些文本级元素进行简单分类,便于整理和记忆
文本元素
强调重要
虽然浏览器通常用斜体和粗体来显示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 tankbut advised against it.
换行
换行
[注意]
标签是文本级语义元素,可以设置行高和字体大小,但设置宽高无效
The City Press
123 General Street
Springfield, OH 45501
IrrigationDirect
上标下标
这两个标签在数学等式、科学符号和化学公式中非常有用
表示上标
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标记
漢
汉 语
文字方向
忽略周围文字方向的文字
覆盖两种方向的设置,允许显式设置方向,并覆盖所有其他当前方向
When rendered by a browser, these words will appear as 'sdroweseht'
计算机代码
表示计算机代码
定义键盘码
定义计算机例子代码
定义打字机代码
定义变量
Computer code
Keyboard input
Teletype text
Sample text
Computer variable
例子演示
点击下列相应标签名可进行演示
推荐阅读
-
Codeforces Round #247 (Div. 2) ABC_html/css_WEB-ITnose
-
求此页面下雪代码_html/css_WEB-ITnose
-
div+css布局时的浏览器兼容问题_html/css_WEB-ITnose
-
[翻译]CSS模块-未来的编码方式_html/css_WEB-ITnose
-
HTML学习笔记(CSS)NO.3_html/css_WEB-ITnose
-
HTML5 语义元素
-
HTML5的结构和语义——语义性的块级元素(三)
-
HTML5的结构和语义——语义性的内联元素(四)
-
css+div网页设计(二)布局与定位_html/css_WEB-ITnose
-
HTML5实战与剖析之媒体元素(5、音频实例)