热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

HTML5初窥2之新元素-

HTML5定义了8个新的HTML语义(semantic)元素,这些元素都是块级元素。为了能让旧版本的浏览器正确显示这些元素,可以设置CSS的display属性为block:
1. 块元素

HTML5定义了8个新的HTML语义(semantic)元素,这些元素都是块级元素。为了能让旧版本的浏览器正确显示这些元素,可以设置CSSdisplay属性为block

header, section, footer, aside, nav, main, article,figure{
 display: block;
}


2. 添加新元素

HTML添加的新的元素,并为该元素定义样式,元素名为

  
  
  
    
     
     
  
  
  
  
  

我的第一个标题

我的第一个段落。

我的第一个新元素

3. 多媒体元素

描述

定义音频内容

定义视频(video 或者 movie

定义多媒体资源

定义嵌入的内容,比如插件。

为诸如 元素之类的媒介规定外部文本轨道。


4.
画布元

标签定义图形,比如图表和其他图像。该标签基于 Javascript的绘图 API


5.
新表单元素

描述

定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

规定用于表单的密钥对生成器字段。

定义不同类型的输出,比如脚本的输出。


6.
新的语义和结构元素

描述

定义页面的侧边栏内容

定义页面内容之外的内容。

允许您设置一段文本,使其脱离其父元素的文本方向设置。

定义命令按钮,比如单选按钮、复选框或按钮

用于描述文档或文档某个部分的细节

定义对话框,比如提示框

标签包含 details 元素的标题

规定独立的流内容(图像、图表、照片、代码等等)。

定义

元素的标题

定义 section document的页脚。

定义了文档的头部区域

定义带有记号的文本。

定义度量衡。仅用于已知最大和最小值的度量。

定义运行中的进度(进程)。

定义任何类型的任务的进度。

定义 ruby 注释(中文注音或字符)。

定义字符(中文注音或字符)的解释或发音。

ruby 注释中使用,定义不支持 ruby元素的浏览器所显示的内容。

定义文档中的节(section、区段)。

定义日期或时间。

规定在文本中的何处适合添加换行符。

7. 已移除的元素

HTML5中不再使用,已经被删除。

·    
·    
·    
·    
·    
· · · · · · ·

以上就是HTML5初窥2之新元素的详细内容,更多请关注 第一PHP社区 其它相关文章!


推荐阅读
  • 本文介绍了C#中数据集DataSet对象的使用及相关方法详解,包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成,以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读,读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
    本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 本文讲述了作者通过点火测试男友的性格和承受能力,以考验婚姻问题。作者故意不安慰男友并再次点火,观察他的反应。这个行为是善意的玩人,旨在了解男友的性格和避免婚姻问题。 ... [详细]
  • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
  • 《数据结构》学习笔记3——串匹配算法性能评估
    本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
  • 动态规划算法的基本步骤及最长递增子序列问题详解
    本文详细介绍了动态规划算法的基本步骤,包括划分阶段、选择状态、决策和状态转移方程,并以最长递增子序列问题为例进行了详细解析。动态规划算法的有效性依赖于问题本身所具有的最优子结构性质和子问题重叠性质。通过将子问题的解保存在一个表中,在以后尽可能多地利用这些子问题的解,从而提高算法的效率。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 高质量SQL书写的30条建议
    本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ... [详细]
author-avatar
赵美晓
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有