https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注!
欢迎关注微信公众号:宝藏女孩的成长日记
让这个可爱的宝藏女孩在努力的道路上与你一起同行!
如有转载,请注明出处(如不注明,盗者必究)
目录
- 一、文本格式化标签
- b标签和 strong标签
- i标签和 em 标签
- small标签
- big标签
- u标签
- del/s标签
- sub标签
- sup标签
- 二、多媒体标签
- 三、关于IE浏览器兼容的问题
一、文本格式化标签
b标签和 strong标签
<b> <strong>
标签呈现粗体文本效果。
注意: html5中建议使用<strong>
而不使用 <b>
,追寻语义原则
i标签和 em 标签
<i> <em>
标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。
注意: html5中建议使用 <em>
而不使用 <i>
small标签
<small>
标签呈现小号字体效果。
<small>
缩小字体。
如果被包围的字体已经是浏览器所支持的最小字号,那么<small>
标签将不起作用。
big标签
<big>
标签呈现大号字体效果。
u标签
<u>
标签可定义下划线文本。
del/s标签
<del>
定义文档中已被删除的文本。
sub标签
<sub>
定义文档中的下标文本。
sup标签
<sup>
定义文档中的上标文本。
具体实例
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css"></style></head><body><b>1、从前从前有个人爱你很久,但偏偏风渐渐把距离吹得好远,</b><strong>好不容易又能再多爱一天,但故事的最后你好像还是说了拜拜。——《晴天》</strong><br/><i>2、我用漂亮的押韵,</i><em>形容被掠夺一空的爱情;我用凄美的字型,描绘后悔莫及的那爱情。——《夜曲》</em><br/><small>3、我一路向北,离开有你的季节,</small><big>你说你好累,已无法再爱上谁。风在山路吹,过往的画面全都是不对,细数惭愧,我伤你几回。——《一路向北》</big><br/><u>4、断了的弦再怎么连,</u><del>我的感觉你已听不见,你的转变像断掉的弦,</del><s>再怎么接音都不对,你的改变我能够分辨。——《断了的弦》</s></br/>a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup><br/>log<sub>2</sub></body>
</html>
运行结果
二、多媒体标签
视频和音频资源:
链接:https://pan.baidu.com/s/1JfzkfgxhDWgfvTb94IHUqw
提取码:o6ri
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><audio controls="controls" loop="loop" autoplay="autoplay" muted="muted" preload="auto"><source src="audio1.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。</audio><video width="550" height="400" controls="controls" autoplay="autoplay" poster="img/dog.jpg" loop="loop" muted="muted"><source src="1.mp4" type="video/mp4">您的浏览器不支持Video标签。</video><!-- loop="loop:如果文件出现这个属性,那么在文件完成播放后,会再次开始播放autoplay="autoplay":如果出现该属性,则视频在就绪后马上播放controls="controls":如果出现该属性,就向用户展示按钮,比如播放按钮width="550" height="400":设置视频的宽高muted="muted" :出现该属性,该视频的输出为静音poster="img/dog.jpg:该视频正在下载时所展示的图片,直到用户点击播放按钮,此时我的路径是img下的dog.jpg的图片,当视频还没有加载出来的时候,就会显示这张图片--></body>
</html>
运行结果
https://blog.csdn.net/hanhanwanghaha宝藏女孩 欢迎您的关注!
欢迎关注微信公众号:宝藏女孩的成长日记
让这个可爱的宝藏女孩在努力的道路上与你一起同行!
如有转载,请注明出处(如不注明,盗者必究)
三、关于IE浏览器兼容的问题
讲下面代码放在 元素中,因为 IE 浏览器在解析 HTML5 新元素时需要先加载该文件。
<!--[if lt IE 9]><script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script><![endif]-->
以上代码是一个注释,作用是在 IE 浏览器的版本小于 IE9 时将读取 html5.js 文件,并解析它。
还可以打开http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js网址,将内容复制粘贴到记事本里面,将此.txt文件改名为html5shiv.min.js,然后在放进你的js文件里面,这防止了网络不好或者没有连接网络造成的困扰。