<!DOCTYPE html>
<html>
<head>
<!-- html4的定义 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<!-- html5中的定义 -->
<meta charset="utf-8">
<title>html5基础标签</title>
</head>
<body>
<!-- 导航菜单 -->
<nav dir="ltr"> 首页 文章 新闻 web前端开发 大数据
dfs </nav>
<menu>
<li>menu菜单示例</li>
<li>日记分类</li>
<li>技术博客</li>
</menu>
<mark>mark标签的默认样式信息</mark>
<!-- 表示进程函数 -->
<meter value="214">进程处理函数</meter>
<time ></time>
<command label="d" onclick="javascript:alert('fsd');">command表示按钮</command>
<details>
<summary>细节</summary>
发个非官方的details详情
</details>
<!-- 表示一段独立的流内容，表示文档主题流里一个独立的单元 -->
<figure>
<!-- 定义标题 -->
<figcaption>高端、大气、上档次</figcaption>
<p>发送到两个热</p>
</figure>
<article >
<!-- form表单的验证
novalidate="novalidate" 去掉验证
-->
<form id="sub" name="sub" action="" >
<table>
<tr>
<td>用户名:</td>
<td><input autocomplete="on" alt="请输入用户名 "></td>
</tr>
<!-- required 必填字段 -->
<tr>
<td>密码:</td>
<td><input type="text" required="required" ></td>
</tr>
<tr>
<td>出生日期:</td>
<td><input type="date" required="required" ></td>
</tr>
<tr>
<td>性别:</td>
<!-- boolean值的选择,直接属性名和值为checker或者true等价 -->
<td><input type="radio" name="gender" checked="" required="required" >男
<input type="radio" name="gender" required="required" >女</td>
</tr>
<tr>
<td>电子邮箱:</td>
<td><input type="email" required="required" ></td>
</tr>
<tr>
<td>附标:</td>
<!-- -无特殊符号的情况下，引号可以省略 -->
<td><input type=range required="required" ></td>
</tr>
<tr>
<td><input type="submit" value="提交">
<input type="reset" value="重置"></td>
</tr>
</table>
</form>
<!-- canvas 元素 -->
<canvas id="cv" height="450" width="400" >
</canvas>
</article>
<!-- 插入一段视频文件 -->
<video src="1117786.mp4" controls="controls">
插入视频文件
</video>
<audio src="许嵩 - 山水之间.mp3" controls="controls" >
插入音频文件
</audio>
<embed src="1117786.mp4">
<aside >
表示article内容之外，与article内容相关的辅助内容
</aside>
<footer>
<!-- 填写地址信息,默认为斜体 -->
<address >
西天路212号, wait you forever!
</address>
</footer>
</body>
</html>
浙公网安备 33010602011771号