H5新增语义化标签

开心很重要

已于 2022-06-01 16:01:21 修改

阅读量716

点赞数

文章标签： html css javascript

于 2022-06-01 16:00:57 首次发布

本文链接：https://blog.csdn.net/Black_Straight/article/details/125085185

版权

文章目录

一、H5新增语义化标签

一、H5新增语义化标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div,header,nav,footer,section,main,article,aside{
				width: 400px;height: 200px;
				background: orange;border: 10px solid green;
			}
		</style>
	</head>
	<body>
		<div>div</div>
		<header>header</header>
		<nav>nav</nav>
		<footer>footer</footer>
		<section>section：会使用section标签替代main标签的存在</section>
		<article>article:表示页面中的一块与上下文不相关的独立内容</article>
		<aside>aside:表示article内容以外的辅助性质的区块</aside>
		<figure>
			<img src="./../day10/shoes/banner.jpg" alt="" />
			<figcaption>是一个美女</figcaption>
		</figure>
		<main>main:存在兼容性问题，所以没有得到广泛应用</main>
		<br />
		<br />
		<br />
		<br />
		<!--了解-->
		<embed src="./flash/flash.swf" width="400px" height="300px" wmode="transparent"/>
		<embed src="./flash/f001.swf" width="400px" height="300px" wmode="transparent"></embed>
		<!--
		embed	 在网页可以嵌入媒体文件------行内块元素
			src 引入嵌入文件的路径---flash，视频等文件
			width   设置宽度
			height  设置高度
			wmode="transparent"    设置背景为透明
		-->
		<mark>高亮显示文字</mark>
		<!--
		mark  高亮显示文字   行内元素
			一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词
		-->
		<span style="background: yellow;">我是span标签</span>
		
		<ruby>
			妖<rt>yao</rt>
			魔<rt>mo</rt>
			鬼<rt>gui</rt>
			怪<rt>guai</rt>
			魑<rt>chi</rt>
			魅<rt>mei</rt>
			魍<rt>wang</rt>
			魉<rt>liang</rt>
			<rp>温馨提示：您使用的浏览器太垃圾了，请您速速滚过去下载最新版本的浏览器</rp>
		</ruby>
	</body>
</html>

新增音频标签
video  定义视频标签，可以引入视频流在网页中显示播放
	支持的格式：  mp4    webm    ogg
	src   定义需要播放的视频文件路径
	width    定义播放窗口的宽度
	height   定义播放窗口的高度
	poster   定义下载是显示的图像或者点击播放按钮之前显示的图像，需要引入图片显示
属性和属性值	autoplay   定义自动播放，一样，但是没有什么效果
	controls   定义显示播放控件，属性和属性值一样
	loop       定义视频循环播放，属性和属性值一样
	muted      定义静音属性，属性和属性值一样

audio  定义音频标签，可以引入音频流在网页中播放
	支持的格式：  mp3    wav    ogg
	src   定义需要播放的音频文件路径
	autoplay   定义自动播放，属性和属性值一样，但是没有什么效果
	controls   定义显示播放控件，属性和属性值一样
	loop       定义视频循环播放，属性和属性值一样
	muted      定义静音属性，属性和属性值一样