html中的文本格式化标签+多媒体标签+关于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>

运行结果
在这里插入图片描述

三、关于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文件里面,这防止了网络不好或者没有连接网络造成的困扰。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/hanhanwanghaha/article/details/108844329
今日推荐