`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html5新增标签</title>
<base href="http://www.wugaoliang.com/images/">
</head>
<body>
<h2 style="text-align: center;">新标签测试</h2>
<h3>首先呢就是语义化标签,他们用起来和div的差别就是增强了HTML代码的可读性</h3>
<ul>
<li>标签"<article>"定义独立的内容;像贴吧论坛,博客文章 新闻故事 评论 </li>
<li>aside标签:定义article标签以外的内容</li>
<li>
<h5>base标签:这个是个src属性有关系的;</h5>
<p>首先在head标签里面加上base标签</p>
<p>这个是时候img中访问的图片就是"http://www.wugaoliang.com/images/logo.png"这个地址</p>
</li>
<li>
<address>
用来表示联系人信息，并不仅仅是“地址”的概念
<a href="#">姓名</a>
<a href="#">138********</a>
<a href="#">6230.......</a>
</address>
</li>
<li>
<!-- meter不能用做进度条
它只适合用做有具体范围、值的表示
H5标签为了避免不受其他标签的影响 一定要让标签闭合;
-->
<meter min="0" max="100" value="50" low="45" high="55" id="tMeter"></meter>
</li>
<li>
<input type="text" list="myList">
<!-- list 对应 datalist的ID值 必须存在 -->
<datalist id="myList">
<option value="www.baidu.com">百度</option>
<option value="www.google.com">谷歌</option>
<option value="www.bing.com">必应</option>
</datalist>
</li>
<li>
<details>
<!-- 详细信息 可配合summary使用 添加属性 open 表示默认打开 -->
<summary>全文</summary>
你给我合上
</details>
</li>
</ul>
`
网友评论