cvmachine.com - 申博开户网

查找: 您的方位主页 > 网络频道 > 阅览资讯:Html5的新增标签具体介绍

Html5的新增标签具体介绍

2017-08-27 07:49:54 来历:www.cvmachine.com 【

Html5的新增标签具体介绍

今日新学习了9个标签、

<audio> 简略的说便是一个音频标签,他的首要常用特点有src=""音频的途径 controls="controls" 操控参数,他便是可以让其在页面显现一个播放器的效果autoplay="autoplay"自动播放特点 loop="loop"循环次数

<video>同audio标签相同。是一个视频标签。首要常用的特点同上面相同

<datalist>界说选项列表。这个其实是一个比较大的改善,不过也有缺乏,这个标签其实组合了《input标签中的text》和select标签、出产的一个可以输入和下拉选项的输入组合框》。缺乏之处在于假如不通过JS操控,只要当输入框中为空,界说的下拉选项中才会收效

<details>界说文档细节。这个标签其有用的当地也比较多,常和summary标签用。summary标签里边写文档的标题。p标签写文档的细节

<mark>一个高亮的显现标签,再也不必符号某一段文字要用font特点了。

<menu>快速创立一个list列表。用法是menu li结合

<address>寄存地址的标签

<progress>这个是一个进度条标签。他的首要特点有value和max。value表明当时进度条方位,max表明进度条的一共长度。

<time>标签放时刻的标签。

开始触摸html5的标签。给人的榜首感觉便是望文知义。这个标签可以很简单让人记祝

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Html5学习之路</title>
</head>
<body>
<header style="text-align: center; color: blue;">欢迎来到Html5的学习之路,我是header标签。</header>
这是一个界说选项列表的标签datalist 这个的效果便是将text文本框与select标签结合起来
<input type="text" list="phone">
<datalist id="phone">
  <option></option>
  <option>IPhone</option>
  <option>华为  </option>
  <option>小米  </option>
  <option>三星</option>
</datalist>
<br/>
<br/>
<font color="red">这儿我发现了两者一个不同之处在于,datalist只要在输入框为空的时分才会有自己界说下拉的内容!</font>
<br/>
而这个select选项框是不管什么内容它都会存在的
<select>
  <option>IPhone</option>
  <option>华为  </option>
  <option>小米  </option>
  <option>三星</option>
</select>
<br>
<br>
<br>
------------------------
<br><br><br>
这是一个界说文档细节的标签。detail标签。它的首要效果很简略。
<details>
  <summary>这是一个detail标签,下面便是他的运用办法</summary>
    <p>detail标签是什么?</p>
    <p>detail标签有什么效果?</p>
    <p>detail标签精干什么?</p>
    <p>detail标签我改怎样用它?</p>
</details>
<br>
detail标签常与sunmmary标签用在一同。比方这个标签是高亮标签<mark>mark</mark>比重不相同。
<br><br>
接下来这个标签是界说列表标签。menu。
<menu>
  <li>西游记</li><li>水浒传</li><li>红楼梦</li><li>三国演义</li>
</menu>
<br><br>
进度条标签咱们用的比较多。比方这个。<mark>progress</mark>
<progress value="5" max="10">value=5 max=10</progress>
<br>
<audio src="" controls="controls" autoplay="autoplay" loop="loop"></audio>
<footer>我是底部footer标签</footer>
</body>
</html>

以上所述是小编给咱们介绍的Html5新增标签,期望对咱们有所协助,假如咱们有任何疑问请给我留言,小编会及时回复咱们的。在此也非常感谢咱们对申博开户网站的支撑!


本文地址:http://www.cvmachine.com/a/question/91622.html
Tags: HTML5 新增 今日
修改:申博开户网
关于咱们 | 联络咱们 | 友情链接 | 网站地图 | Sitemap | App | 回来顶部