HTML5 新特性

HTML5 对以前的HTML内容进行了舍弃和添加,那么HTML5新增加了什么内容呢?让我们一起来看一下吧。

一、新增的语义化标签

1. header
2. nav
3. section  页面中的内容区块,例如:章节、页眉、页脚
4. hgroup  对页面中的内容区块的标题进行整合
5. article
6. figure  文章中的图或表等内容区域
7. aside  表示article元素内容之外的,与article内容相关的辅助信息
8. footer

二、新增了input的type选项

1. email
2. url
3. number
4. range 有范围限制的数值
5. data picker
6. search
7. color

三、新增的其他元素

1. video
2. audio
3. embed 用来插入各种多媒体,例如:<embed src="happy.mp3" />
4. mark
5. canvas
6. datagrid  表示可选数据的列表,常和input配合使用
7. details

四、新增的元素选择器 Selector API

1. querySelector(".highClass", "#lowClass") 选取满足条件的第一个元素
2. querySelectorAll("#result li") 选出id="result"的元素下的所有li元素 

五、新增表单相关属性

1. autofocus属性,让元素在页面打开时自动获得焦点,适用元素:input、select、textarea
2. placeholder属性,对用户的输入进行提示,适用元素:input
3. form属性,声明元素属于哪个表单,适用元素:input、output、select、textarea、button
4. required属性(对立属性:novalidate),在用户对表单提交的时候进行检查,表单必须有内容,适用于input和textarea属性
4. 为input元素新增属性:autocomplete、min、max、multiple、pattern、step

六、废弃 Frame 框架相关的元素

1. frame 元素
2. frameset 元素
3. noframe 元素
4. 保留了 iframe (内联框架) 元素

了解更多关注我哟!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/565660.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【youcans 的 OpenCV 例程200篇】133. 形态学重建之边界清除

欢迎关注 『youcans 的 OpenCV 例程 200 篇』 系列&#xff0c;持续更新中 欢迎关注 『youcans 的 OpenCV学习课』 系列&#xff0c;持续更新中 【youcans 的 OpenCV 例程200篇】133. 形态学重建之边界清除 4. 形态学图像重建 形态学重建的核心是测地膨胀和测地腐蚀。 图像的…

qdialog 返回值_QDialog exec()并获取结果值

我有子类QDialog来实现类似于QMessageBox的功能(我需要这个来允许定制)。它有一条短信和“确定”、“取消”按钮。我正在显示使用exec()使其阻塞的对话框。现在&#xff0c;当用户单击OK/Cancel时&#xff0c;如何返回true/false值&#xff1f;我尝试将按钮连接到setResult()&a…

跟着川川学数模-Day2

目录 一、前言 二、问题提出 三、问题求解 3.1 线性规划&#xff08;忽视整数条件&#xff09; 3.2 整数线性规划 3.2.1 对x1进行分枝求解 3.2.2 在x范围下对x2进行分支求解 3.2.3 求解最大值 3.2.4 结果 一、前言 在川川前面两篇的推送中&#xff0c;学习到了如何求解…

etcd 启动分析_Etcd 架构与实现解析

本文通过分析 Etcd 的架构与实现&#xff0c;了解其优缺点以及瓶颈点&#xff0c;最后介绍 Etcd 周边的工具和一些使用注意事项。作者&#xff1a;王渊命|2017-02-24 17:24前一段时间的项目里用到了 Etcd&#xff0c; 所以研究了一下它的源码以及实现。网上关于 Etcd 的使用介绍…

鼠标吸附彩色气泡

H5Cavas制作鼠标吸附彩色气泡。当鼠标在屏幕上移动的时候&#xff0c;鼠标划过的区域会出现许多彩色气泡&#xff0c;并且会自动消失。 效果演示 看了如此效果是不是心动的感觉呢&#xff1f;&#xff1f;&#xff1f; 代码展示 <!DOCTYPE html> <html><hea…

【youcans 的 OpenCV 例程200篇】135. 形态学重建之粒度测定

欢迎关注 『youcans 的 OpenCV 例程 200 篇』 系列&#xff0c;持续更新中 欢迎关注 『youcans 的 OpenCV学习课』 系列&#xff0c;持续更新中 【youcans 的 OpenCV 例程200篇】135. 形态学重建之粒度测定 4. 形态学图像重建 形态学重建的核心是测地膨胀和测地腐蚀。 图像的…

跟着川川学数模-Day3

目录 一、非线性引入 二、非线性规划模型 三、Matlab中的非线性规划函数 四、求解不等式和等式双变量约束 五、非线性约束求最小值 5.1 奇奇怪怪的三变量 5.2 可可爱爱的范围寻优 六、总结 一、非线性引入 前面两天跟着川川学习了线性规划和整数线性规划&#xff0c;今…

java - 求最大公约数和最小公倍数

根据提示输入两个正整数 m 和 n&#xff0c;求其最大公约数和最小公倍数 并进行控制台输出。 原理分析 在循环中&#xff0c;只要除数不等于 0&#xff0c;用较大数除以较小的数&#xff0c;将小的一个数作为下一轮循环的大数&#xff0c;取得的余数作为下一轮循环的较小的数&…

python找不见文件_自学Python之:文件操作(绝对找不到这么完整的教程)

我是一个学习Python初学者&#xff0c;近期刚学完文件操作。特地分享文章分为两部分&#xff0c;第一部分为文件读取类型以及读取的方式&#xff0c;第二部分为练习题文件读取类型文件读取的操作方式有以下几种&#xff1a;只读&#xff0c;只写&#xff0c;追加&#xff0c;读…

【youcans 的 OpenCV 例程200篇】134. 形态学重建之细胞计数

欢迎关注 『youcans 的 OpenCV 例程 200 篇』 系列&#xff0c;持续更新中 欢迎关注 『youcans 的 OpenCV学习课』 系列&#xff0c;持续更新中 【youcans 的 OpenCV 例程200篇】134. 形态学重建之细胞计数 4. 形态学图像重建 形态学重建的核心是测地膨胀和测地腐蚀。 图像的…

【youcans 的 OpenCV 例程200篇】136. 灰度腐蚀和灰度膨胀

欢迎关注 『youcans 的 OpenCV 例程 200 篇』 系列&#xff0c;持续更新中 欢迎关注 『youcans 的 OpenCV学习课』 系列&#xff0c;持续更新中 【youcans 的 OpenCV 例程200篇】136. 灰度腐蚀和灰度膨胀 5. 灰度级形态学 灰度级形态学将形态学操作从二值图像扩展到灰度图像。…

基于主成分分析法的安全评价模型

目录 一、安全评价简介 二、引入 三、调查问卷的设置 四、问卷发放与回收 五、主成分分析法介绍 六、SPSS主成分分析&#xff08;简易版&#xff09; 6.1 数据的导入与设定 6.2 信效度分析 6.3 SPSS主成分分析处理 一、安全评价简介 何为安全评价&#xff0c;对于本专业…

java - 分解质因数

根据提示输入一个正整数&#xff0c;用java程序进行分解质因数。例如&#xff1a;输入 90,打印出 90233*5 原理分析&#xff1a; 1.对 n 进行分解质因数&#xff0c;应先找到一个最小的质数 k&#xff0c;然后按下述步骤完成&#xff1a; 2.如果这个质数恰等于 n&#xff0c;则…

eda技术试卷_《EDA技术》试题及答案

第1页共7页一、简答题&#xff1a;(30分&#xff0c;每小题5分)1.CPLD和FPGA有什么差异&#xff1f;在实际应用中各有什么特点&#xff1f;答&#xff1a;差异&#xff1a;(1)CPLD&#xff1a;复杂可编程逻辑器件&#xff0c;FPGA&#xff1a;现场可变成门阵列&#xff1b;(2)C…

【youcans 的 OpenCV 例程200篇】137. 灰度开运算和灰度闭运算原理

欢迎关注 『youcans 的 OpenCV 例程 200 篇』 系列&#xff0c;持续更新中 欢迎关注 『youcans 的 OpenCV学习课』 系列&#xff0c;持续更新中 【youcans 的 OpenCV 例程200篇】137. 灰度开运算和灰度闭运算 5. 灰度级形态学 灰度级形态学将形态学操作从二值图像扩展到灰度图…

跟着川川学数模-Day4

目录 一、一元线性回归 二、多元线性回归 一、一元线性回归 今天是跟着川川学数模的第四天&#xff0c;也与前些天的规划问题不同&#xff0c;进入到了线性回归&#xff0c;那么我们先来看一下一元线性回归问题. 我们以某一数据列为例&#xff0c;代码如下 x1:12; y[217.22…

Java - 计算不同字符或数字的个数

根据提示输入一行字符&#xff0c;这行字符可以是任意的&#xff0c;可以包含字母数字标点符号&#xff0c;特殊符号等&#xff0c;java程序会输出你输入字符串中各个类别字符的个数。 结果展示 代码展示 package com.one;import java.util.*;public class Flqgs {public st…

oracle去重保留一条_关于oracle数据库物理结构(文件)的一些总结

概述闲来无事&#xff0c;整理了下oracle数据库物理结构方面的内容&#xff0c;这里主要从数据库文件和操作系统文件两个方面来介绍。任何时候都要记得&#xff0c;数据库是数据存储的容器&#xff0c;作用是用来收集、存储数据和返回信息。物理结构数据库文件1&#xff0e;控制…

【youcans 的 OpenCV 例程200篇】138. 灰度开运算和灰度闭运算

欢迎关注 『youcans 的 OpenCV 例程 200 篇』 系列&#xff0c;持续更新中 欢迎关注 『youcans 的 OpenCV学习课』 系列&#xff0c;持续更新中 【youcans 的 OpenCV 例程200篇】138. 灰度开运算和灰度闭运算 5.2 灰度开运算和灰度闭运算 OpenCV 提供了函数 cv.morphologyEx 可…

跟着川川学数模-Day5

一、一些废话 哦莫&#xff0c;终于到了我最喜欢且不会的东西了&#xff0c;动态规划&#xff0c;求解最优路径&#xff0c;学会这玩意就能处理简单的TSP问题了&#xff0c;那么让我们来看看怎么用Matlab实现。 二、最短路径求解 2.1 稀疏矩阵 哦莫&#xff0c;果然上来就是…