WEB前端 | H5基础——(1)H5新增标签

<!doctype html>
	<html>
	<head>
		<meta charset="utf-8"/>
		<title>H5新增标签</title>
	</head>
	<body>
		<!-- 加粗 -->
		<b>fasdfasd</b>
		<!-- 上标 -->
		<sup>123123</sup>
		<!-- 下标 -->
		<sub>1231</sub>
		<!-- h5 支持自定义的标签(效果和span标签一样) -->
		<erosvan>hello</erosvan>
	<!-- 结构化标签 -->
		<!-- 头部 -->
		<header>header</header>

		<!-- 分区 比div区域大,比article区域小 -->
		<section>section</section>

		<!-- 大分区 比section区域大 -->
		<article>article</article>

		<!-- 侧边栏 -->
		<aside>aside</aside>

		<!-- 导航栏 -->
		<nav>nav</nav>

		<!-- 尾部 -->
		<footer>footer</footer>
		
		<hgroup>hgroup</hgroup>	
		<details open="">
			<summary>我是summary</summary>
			<summary>我是summary</summary>
			<summary>我是summary</summary>
			<summary>我是summary</summary>
			<summary>我是summary</summary>
			<summary>我是summary</summary>
		</details>
		<dialog open>Fuck</dialog>
		<figure>
			<figcaption>图表标题</figcaption>
			<img src="1" alt="">
			<img src="1" alt="">
		</figure>
		<address>
		上海市松江区
		</address>
		<p>上海市松江区上海市松江区上海市松江区上海市松江区上海市松江区上海市松江区上海市松江区上海市松江区上海市松江区上海市松江区上海市松江区上海市松江区<mark>上海市松江区</mark>上海市松江区上海市松江区上海市松江区上海市松江区上海市松江区上海市松江区上海市松江区上海市松江区上海市松江区上海市松江区</p>
		
		<meter min="0" max="140" value="50"></meter>
		<progress min="0" max="100" value="40"></progress>
		<p>我们明天早上<time>9:00</time>集合</p>
		<ruby>
  			漢 <rp>(</rp><rt>Han</rt><rp>)</rp>
  			字 <rp>(</rp><rt>zi</rt><rp>)</rp>
		</ruby>
		The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.
		<cite>我是引入</cite>
		<blockquote>我是引入</blockquote>
		<q>我是引入</q>
		<code>
			var name = "li";
			var age = 19;
		</code>
		<pre>
			var name = "li";
			var age = 19;
			<q>我是引入</q>
		</pre>
	</body>
</html>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值