html5总结

声明改变 为<!DOCTYPE html>

【Html5的新标签】

用之前的标签完全可以代替的:header footer aside atrical nav address time mark section

新增的重要的标签:video(视频) audio(音频) caves(画图)

新标签的作用:语义化,使代码的可读性更强;便于提高搜索优化。

兼容性:兼容IE9+,IE8及其以下有些可以解决,但大部分的还是放弃。 1,保证功能在高级浏览器上的使用,放弃低级浏览器。 ,2,低级浏览器只保证基本功能的实现,高级浏览器确保的是更好的用户体验。

一个有用的小东西,可以解决部分IE浏览器兼容性问题:HTML5shiv.js

 补充说明 :

  • hground如果有多级标题,这个元素可以将H元素进行分组
  • mark这个元素可以显示特殊情况下的重要文字
  • small 这个元素表示边栏评论,如附属细则
  • cite这个元素可用于显示作品标题(图书、电影、诗歌等)
  • adress这个元素显示article或整个文档的合同信息,且位于footer这个元素之中
  • time显示人和机器可读的日期和时间,而且机器可读的时间戳是属性datetime的值第二个可选的是pubtime用于表示出版日期值 重新定义的HTML标签
    • <b> 代表内联文本,通常是粗体,没有传递表示重要的意思
    • <i> 代表内联文本,通常是斜体,没有传递表示重要的意思
    • <dd> 可以同detailsfigure一同使用,定义包含文本,ialog也可用
    • <dt> 可以同detailsfigure一同使用,汇总细节,dialog也可用
    • <hr>表示主题结束,而不是水平线,虽然显示相同
    • <menu> 重新定义用户界面的菜单,配合commond或者menuitem使用
    • <small> 表示小字体,例如打印注释或者法律条款
    • <strong> 表示重要性而不是强调符号

input表单type属性值 

  • type="text" 单行文本输入框
  • type="password" 密码(maxlength=""
  • type="radio" 单项选择(checked="checked"
  • type="checkbox" 多项选择
  • type="button" 按钮
  • type="submit" 提交
  • type="file" 上传文件

  type="reset" 重置

input表单type属性值: 

  • type = "email" 限制用户输入必须为Email类型
  • type="url" 限制用户输入必须为URL类型
  • type="date" 限制用户输入必须为日期类型
  • type="datetime" 显示完整日期 含时区
  • type="datetime-local" 显示完整日期 不含时区
  • type="time" 限制用户输入必须为时间类型
  • type="month" 限制用户输入必须为月类型
  • type="week" 限制用户输入必须为周类型
  • type="number" 限制用户输入必须为数字类型
  • type="range" 生成一个滑动条
  • type="search" 具有搜索意义的表单results="n"属性
  • type="color" 生成一个颜色选择表单
  • type="tel" 显示电话号码

                       **HTML5 拥有多个可供选取日期和时间的新输入类型:

  •  date 选取日、月、年
  • month 选取月、年
  • week 选取周和年
  • time 选取时间(小时和分钟)
  • 以下两个没有作用
    • datetime 选取时间、日、月、年(UTC 时间)
    • datetime-local 选取时间、日、月、年(本地时间)
HTML5新增表单属性

  • required:required内容不能为空
  • placeholder: 表单提示信息
  • autofocus:自动聚焦
  • pattern: 正则表达式 输入的内容必须匹配到指定正则范围
  • autocomplete:是否保存用户输入值 
    • 默认为on,关闭提示选择off
  • formaction: 在submit里定义提交地址
  • datalist: 输入框选择列表配合list使用 list值为datalistid
  • output: 计算或脚本输出

                   validity对象,通过下面的valid可以查看验证是否通过,如果八种验证都返回true,一种验证失败返回false

  • oText.addEventListener("invalid",fn1,false)
  • ev.preventDefault(): 阻止默认事件
  • valueMissing: 当输入值为空的时候,返回true
  • typeMismatch: 控件值与预期不吻合,返回true
  • patternMismatch: 输入值不满足pattern正则,返回true
  • cusomError
    • setCustomValidity()

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Ajax Step By Step2

    .load()方法是局部方法(有需要父$),因为他需要一个包含元素的 jQuery 对象作为前缀。而$.get()和 $.post()是全局方法,无须指定某个元...

    wfaceboss
  • Python 小知识点(7)--类的创建方式

    (1)f对象是Foo类的一个实例,Foo类对象是 type 类的一个实例,即:Foo类对象 是通过type类的构造方法创建。 (2)type的起源是pyth...

    wfaceboss
  • winform初学

    wfaceboss
  • Python面试题之Python中type和object的关系

    下面是jeff kit的回答: 给别人讲解过很多次,但写成文字是第一次。试一试吧,自己主要也是看了这篇文章(Python Types and Objects...

    Jetpropelledsnake21
  • oracle中的数组(第一篇)(r4笔记第9天)

    数组在各种编程语言中都是很重要的数据结构实现,在oracle中也有自己的一席之地。自己简单做了几个实验,发现很多东西还是眼高手低,真实去做的时候,里面还是有不少...

    jeanron100
  • Go语言中反射的正确使用

    介绍 反射是元数据编程的一种形式,指的是程序获得本身结构的一种能力。不同语言的反射模型实现不一样,本文中的反射,仅仅指的是Go语言中的反射模型。 反射有两个问题...

    李海彬
  • Go语言中反射的正确使用

    介绍 反射是元数据编程的一种形式,指的是程序获得本身结构的一种能力。不同语言的反射模型实现不一样,本文中的反射,仅仅指的是Go语言中的反射模型。 反射有两个问题...

    李海彬
  • Go语言中反射的正确使用

    介绍 反射是元数据编程的一种形式,指的是程序获得本身结构的一种能力。不同语言的反射模型实现不一样,本文中的反射,仅仅指的是Go语言中的反射模型。 反射有两个问题...

    李海彬
  • 2019GEOJSON标准格式学习

    最近做的项目需要详细了解geojson,因此查了一些资料,现在整理一份标准格式的记录,要理解本文需要首先了解json的基本知识,这里不过多展开,可以去参考w3s...

    蛰虫始航
  • Json Schema 快速入门

    Json schema 本身遵循Json规范,本身就是一个Json字符串,先来看一个例子

    软测小生

扫码关注云+社区

领取腾讯云代金券