HTML5新增标签和属性简介

HTML5以进入实际应用,它的强大之处早有耳闻,下面来看一下html5中的新标签和属性。

HTML5中的新标签:

<article>  :定义article

<aside>:定义页面内容之外的内容

<audio>:定义声音内容

<canvas>:定义图形

<command>:定义命令按钮

<datalist>:定义列表

<datails>:定义元素的细节

<embed>:定义外部交互内容或插件

<figcaption>:定义 figure 元素的标题

<figure>:定义媒介内容的分组,以及它们的标题

<footer>:定义 section 或 page 的页脚

<header>:定义 section 或 page 的页眉

<hgroup>:定义有关文档中的 section 的信息

<keygen>:定义生成密钥

<mark>:定义有记号的文本

<meter>:定义预定义范围内的度量

<nav>:定义导航链接

<output>:定义输出的一些类型

<progress>:定义任何类型的任务的进度

<rp>:定义若浏览器不支持 ruby 元素显示的内容

<rt>:定义 ruby 注释的解释

<ruby>:定义 ruby 注释

<section>:定义 section

<source>:定义媒介源

<summary>:定义 details 元素的标题

<time>:定义日期/时间

<video>:定义视频

 

HTML5的新属性:

contenteditable:值:true/false  规定是否允许用户编辑内容

contextmenu: 值:menu_id  规定元素的上下文菜单

data-yourvalue:值: value  创作者定义的属性。HTML 文档的创作者可以定义他们自己的属性,必须以 "data-" 开头

draggable:值:true/false:auto  规定是否允许用户拖动元素

hidden:值:hidden  规定该元素是无关的。被隐藏的元素不会显示

item:值:empty/url  用于组合元素

itemprop:值:url/group value     用于组合项目

spellcheck:值:true/false  规定是否必须对元素进行拼写或语法检查

subject:值:id    规定元素对应的项目

时间: 2024-10-31 17:57:46

HTML5新增标签和属性简介的相关文章

HTML5的表单属性简介

HTML5 的新的表单属性 本章讲解涉及 <form> 和 <input> 元素的新属性. 新的 form 属性: autocomplete novalidate 新的 input 属性: autocomplete autofocus form form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget) height 和 width list min, max 和 step mul

HTML5 Video标签的属性、方法和事件汇总介绍

 HTML5 Video标签的属性.方法和事件汇总介绍 前段时间写了一个基于html5 video的视频播放器,从起初的对其不了解,然后到能够写一个基本完善的自定义播放器.在这个过程中,对video标签的属性,方法,事件有了个全面的认识.下面分类列出来一下. <video>标签的属性 代码如下: src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 width:视频宽度

HTML5 新增元素与属性用法介绍

在创建Web应用程序的时候,免不了会用到大量的表单元素.在HTML 5标准中, 吸纳 了Web Forms 2.0的标准,大幅度强化了针对表单元素的功能,使得关于表单的开发更快.更方便.   4.1 .1 新增属性 首先, 让我们看一下HTML 5中关于表单新增了哪些诱人的属性,以及现在有哪些浏览 器支持了这些属性. 1.form属性 在HTML 4中,表单内的从属元素必须书写在表单内部,但是在HTML 5 中,可以把它 们书写在页面上任何地方,然后给该元素指定一个form属性,属性值为该表单的

HTML5 学习总结(一)——HTML5概要与新增标签

一.HTML5概要 1.0.写在最前面 1.0.1.行业前景 https://www.lagou.com/ http://www.51job.com/ 1.0.2.课程中用到的开发工具 HBuilder.IntelliJ IDEA.MySQL.NodeJS.Spring MVC.PHP.Photoshop HBuilder:www.dcloud.com,其它(webstorm,sublime...) MySQL:http://www.cnblogs.com/best/p/6517755.html

Html5 学习系列(二)HTML5新增结构标签

引言 在本节中,笔者将向大家讲述三部分内容,分别介绍HTML5时代的召唤,跟HTML4的区别,以及HTML5中带来的新的结构标签. HTML5时代的召唤 HTML4与HTML5的区别 HTML5新结构标签 HTML5时代的召唤 上一代的HTML的标准: HTML 4.01 和 XHTML 1.0 距离今天已经发布了10多年了,而Web端的应用也已经翻天覆地的变换.而且Web前端没有一个统一的通用的互联网标准,各个浏览器间拥有太多的不兼容,在维护这些浏览器兼容性浪费了太多的时间.再有就是之前的多媒

《HTML5移动应用开发入门经典》—— 第2章 移动开发中新的HTML5标签和属性

第2章 移动开发中新的HTML5标签和属性 HTML5移动应用开发入门经典本章介绍如下内容: 如何使用HTML5中的新标签及属性:HTML5中的其他变化:HTML5的移动支持:使用HTML5开发移动Web应用的理由.HTML5中有许多在构建Web页面及应用中会用到的新标签和属性.在这一章中,读者将学习许多HTML5的新特性以及它们在移动设备上的运用.新款智能手机及平板电脑正在逐渐接纳HTML5,而本章将会告诉读者如何加入这一次革新的盛宴.

HTML5新增表单元素、属性、表单验证及增强的页面元素总结

 新增的表单元素与属性     新增属性         form属性         在HTML5中表单元素可放在表单之外,通过给该元素添加form属性即可,如:  代码如下 复制代码             <form method="get" id="test">             username:<input name="username" type="text" id="usern

HTML5中事件属性简介

局事件属性 HTML 4 增加了通过事件触发浏览器中行为的能力,比如当用户点击某个元素时启动一段 JavaScript. 如果需要学习更多有关使用这些事件进行编程的内容,请学习我们的 JavaScript 教程 和 DHTML 教程. 下面的表格列出了可插入 HTML 5 元素中以定义事件行为的标准事件属性. Window 事件属性 - Window Event Attributes 表单事件 - Form Events 键盘事件 - Keybord Events 鼠标事件 - Mouse Ev

HTML5 &lt;details&gt; 标签

 HTML5 中新增的<details>标签允许用户创建一个可展开折叠的元件,让一段文字或标题包含一些隐藏的信息. 一般情况下,details用来对显示在页面的内容做进一步骤解释.其展现出来的效果和jQuery手风琴插件差不多. 其大致写法如下: <details> <summary>Google Nexus 6</summary> <p>商品详情:</p> <dl> <dt>屏幕</dt> <