HTML5有哪些新特性_谈谈html5的一些新特性-程序员宅基地

技术标签: html5  前端  

         (一)  语义标签

         (二)增强型表单

         (三)视频和音频

         (四)Canvas绘图

         (五)SVG绘图

         (六)地理定位

         (七)拖放API

         (八) WebWorker

         (九) WebStorage

         (十)WebSocket

    HTML5 是定义 HTML 标准的最新的版本。 该术语表示两个不同的概念:

    它是一个新版本的HTML语言,具有新的元素,属性和行为,
    它有更大的技术集,允许更多样化和强大的网站和应用程序。这个集合有时称为HTML5和朋友,通常缩写为HTML5。

HTML5新特性:

    HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加
    绘画 canvas;
    用于媒介回放的 video 和 audio 元素;
    本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失
    sessionStorage 的数据在浏览器关闭后自动删除
    语意化更好的内容元素,比如 article、footer、header、nav、section
    表单控件,calendar、date、time、email、url、search
    新的技术webworker, websocket, Geolocation

移除元素:

    纯表现的元素basefont ,big,center,font, s,strike,tt,u
    对可用性产生负面影响的元素:frame,frameset,noframes

处理HTML5新标签的浏览器兼容问题:

    IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式。

    可直接使用成熟的框架、比如html5shiv

    <!--[if lt IE 9]>
       <script src="html5shiv.js"></script>
    <![endif]-->

如何区分 HTML 和 HTML5:

    DOCTYPE声明
    新增元素
 

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/candice5566/article/details/88564248

智能推荐

kill端口对应进程_kill 1024端口进程-程序员宅基地

文章浏览阅读1.4k次。@author StormMa @date 2017-02-13 生命不息,奋斗不止!> kill80端口的进程lsof -i :8080|grep -v "PID"|awk '{print "kill -9",$2}'|sh_kill 1024端口进程

从0单排:学风侏儒——零样本学习3篇论文-程序员宅基地

文章浏览阅读394次。Zero shot learning主要是zero-shot learning相关论文的阅读,主要关注于视频方面。零样本问题现在处理视频的很少,主要是因为零样本自身就有不少的急需解决的问题:domain shiftHubness problemsemantic gap详情可以看这篇文章 零次学习(Zero-Shot Learning)入门1. 15. Objects2a..._零样本学习论文

vue3 + jsx + antd antd组件的table组件使用必备知识点_antd table组件center关键词-程序员宅基地

文章浏览阅读1.4k次。//vue3+jsx+antd// antd组件中 table组件的使用细节const model = defineComponent({name: ‘model’,setup() {let pageObj = reactive({pageCur: 1, // 当前的页数pageSize: 10, // 一页显示的条数total: 0 //总共的条数})// 表格的第一行 一般做为标题内容let tableTitle = [{title: ‘标题1’, // 标题1dataI_antd table组件center关键词

STM32F4寄存器串口DMA汇总-程序员宅基地

文章浏览阅读1.6k次。1.初始化//RCC RCC->APB1ENR|=1<<20; //使能串口5时钟 RCC->APB1ENR|=1<<19; //使能串口4时钟 RCC->APB1ENR|=1<<18; //使能串口3时钟 RCC->APB1ENR|=1<<17; //使能串口2时钟 R..._dma1_stream2

第035讲: 图形界面用户入门:EasyGui | 学习记录(小甲鱼零基础入门学习Python)_easygui图形界面编程入门-程序员宅基地

文章浏览阅读927次。(标答出处: 鱼C论坛)《零基础入门学习Python》测试题:_easygui图形界面编程入门

用IntelliJ IDEA 社区版配置web开发环境-程序员宅基地

文章浏览阅读2.4k次。IntelliJ IDEA社区版缺少的是Web方面的开发模块旗舰版: 社区版: 要用 IDEA 社区版进行web开发的话,需要自己手动配置由于IDEA社区版(Commun..._idea社区版指定不了环境

随便推点

python成绩录入系统gui_Python GUI项目实战(一)登录窗体的设计与实现-程序员宅基地

文章浏览阅读1.1k次。前言前面我们学习了Python GUI 图型化界面Tkinter的基础知识,为了检测我们的学习成果,学以致用。我们从今天开始做一个综合Tkinter案例--基于Tkinter的学生信息管理系统,一方面熟悉Tkinter项目的开发,另一方面可以把我们前面的学习专辑《小雨学Python》的知识综合在一起。基础功能介绍说明:由于我们尚未学习数据库的内容,所以我们这个应用程序开发的过程中,暂时通过文件的读..._self.geometry

android studio集成 百度云推送项目实战 注意事项-程序员宅基地

文章浏览阅读627次,点赞7次,收藏30次。说一千道一万,不如自己去行动。要想在移动互联网的下半场是自己占有一席之地,那就得从现在开始,从今天开始,马上严格要求自己,既重视业务实现能力,也重视基础和原理。基础夯实好了,高楼才能够平地而起,稳如泰山。最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识,这里放上相关的我搜集整理的24套腾讯、字节跳动、阿里、百度2020-2021面试真题解析,我把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包知识脉络 + 诸多细节。还有。

gbk与gb2312的区别_c#中gbk和gb2312有什么区别-程序员宅基地

文章浏览阅读763次。gbk与gb2312的区别举报描述不清违规检举侵权投诉|分享|2011-08-30 12:07 maozi_zhang | 浏览 61443 次可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。gbk 搜索资料 我有更好的答案举报描述不清违规检举侵权投诉|2011-08-30 12:30 网友采纳_c#中gbk和gb2312有什么区别

npm ERR! { Error: EPERM: operation not permitted, mkdir ‘C:\Program Files\nodejs\node_cache\_locks‘_npm err! error: eperm: operation not permitted, mk-程序员宅基地

文章浏览阅读323次。1. 场景:win10下安装node之后,node -v,npm -v都正常,node安装成功,但是运行npm i或者全局安装某插件时,报错: npm ERR! { Error: EPERM: operation not permitted, mkdir 'C:\Program F..._npm err! error: eperm: operation not permitted, mkdir 'c:\program files\node

HW-HJ12字符串反转_hj12 字符串-程序员宅基地

文章浏览阅读386次。题目描述接受一个只包含小写字母的字符串,然后输出该字符串反转后的字符串。(字符串长度不超过1000)输入描述:输入一行,为一个只包含小写字母的字符串。输出描述:输出该字符串反转后的字符串。示例1输入abcd输出dcba题解需要注意的是,Java中String类不可以直接取值,因此需要转换为char数组进行取值。Pythonjava..._hj12 字符串

AfxMessageBox与MessageBox函数_仿afxmessagebox-程序员宅基地

文章浏览阅读725次。创建消息提示对话框:前者调用的是MFC的底层函数库,后者调用的是最为基本的Win32 API。MessageBox()的函数原型如下: int MessageBox( LPCTSTR lpszText, LPCTSTR lpszCaption = NULL, UINT nType = MB_OK );..._仿afxmessagebox

推荐文章

热门文章

相关标签