HTML5的一些新标签

1.HTML5的新的块标签：

<nav></nav> 导航栏
<header></header> 头部
<footer></footer>底部
<aside></aside>旁边栏
<section></section>内容
<main></main>主要区域
<article></article>文章
<details></details>详情

以上都是块标签，是给予标签的语义，用法是和块标签相同的。

2.表单元素的一些HTML5标签及属性：

date和time 分别表示日期和时间
email、url 当Input的type为email时，必须输入格式并且需要符合相应的格式
number 必须输入，并且可以设置最小值min，最大值max
range: 输入一定范围内的数字值
placeholder: 提示文字
required 定义该input为必填项

3.多媒体标签

(1).audio（音频）：支持格式：MP3、 wav、ogg

属性：controls 显示音频控件

autoplay 准备就绪后自动播放

loop 自动单曲循环

muted 静音

src 规定音频文件的路径

source: 定义资源类型、由浏览器进行选择

（2).video(视频）：支持格式：MP4、webM、ogg

属性：controls 显示音频控件

autoplay 准备就绪后自动播放

loop 自动单曲循环

muted 静音

src 规定音频文件的路径

source: 定义资源类型、由浏览器进行选择

4. 为什么使用新标签，使用新标签的意义？

使用新标签是为了语义化。

意义：去掉样式能让页面结构清晰呈现、有益于SEC、便于团队开发和维护。

HTML5的一些新标签相关推荐

html5 基本布局+新标签+新选择器 + 线性渐变
html5 基本布局+新标签 <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...
【HTML5】H5新标签大实例
以下是测试Html5新标签性能的大实例: 首先是效果: 代码: <html> <head> <title>Test</title> </head& ...
html5引入的新标签canvas,HTML页面中添加Canvas标签示例
怎样在html5中添加canvas标签标签是 HTML 5 中的新标签. 定义和用法标签定义图形,比如图表和其他图像. 标签只是图形容器,您必须使用脚本来绘制图形. 实例通过 canvas 元素 ...
【前端系列教程之HTML5】06_HTML5新标签
一.HTML5新布局标签许多现有网站都包含以下HTML代码: <div id="nav">, <div class="header"> ...
HTML5 的一些新标签
IE 浏览器的版本小于 IE9 时将读取 html5.js 文件 <!--[if lt IE 9]> <script src="http://apps.bdimg.com/ ...
html5定义页脚标签,使用 HTML5 中的新标签和新属性
新标签主要分成三个部分:语义化标签.功能性标签及新的输入控件类型语义化标签 .. . ....... 这些新的语义化标签目前得到了大部分主流浏览器的支持,建议直接使用:如果是在IE 8及以下版本,无 ...
html5中的新标签
header <header> 标签定义文档的页眉(介绍信息). nva 根据W3C的定义规范: nav元素是一个可以用来作为页面导航的链接组: <nav> <ul> ...
H5新标签 figcaption 定义图文并茂的html5新标签-figure、figcaption
本来想分两篇文章来解释说明figure.figcaption的,但是这俩个标签都是定义图文的,所以我们合起来讲解,大家更能容易接受. 大家在写xhtml.html中常常用到一种图片列表,图片+标题或者 ...
【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放
导航 [初探HTML5之使用新标签布局]用html5布局我的博客页! [HTML5初探之form标签]解放表单验证.增加文件上传.集成拖放 [HTML5初探之绘制图像(上)]看我canvas元素引领下 ...

HTML5的一些新标签

HTML5的一些新标签相关推荐

最新文章

热门文章