Web前端之路

HTML5基础新增属性

2017-03-22  本文已影响24人  谢聃

http://h5.ppj.io/Fg1Nb1yi/?v=1
概念 HTML5 是新的HTML语言版本包含的新的元素,属性和行为,同样包含了一系列可以被用来让Web站点和平台更加多样化,功能更强大的技术,这些技术被简称HTML5,具备跨平台的特点。
语义化 简单的说就是让机器能够读懂html内容,让机器更加快速的解析HTML文档,方便SEO(搜索引擎优化)等。
新标签:
结构标签:
header 定义头部、 nav 定义导航、main 定义主体、footer 定义尾部 、 section 定义一个文档区域 、 article 表示文档、页面、应用或者网站中的独立结构、应用于论坛帖子、博客文章 、aside 定义文章的侧边栏
非结构标签:
mark 突出显示的文字 、 figure 代表一段独立的内容,经常与说明 figcaption 配合使用 、 figcaption 是与相关联的图片的说明/标题,用与描述其父节点 figure 里面的其他数据、time 表示日期时 间 有利于搜索引擎优化 、progress 用来显示一项任务的进度
表单元素:
color 颜色选择器 、number 必须输入数字 、search 搜索框 、range 范围
日期相关:data 年月日、 time 时间、week 第几周 、 month 年月
datalist 定义选项列表 与文本框(搜索框)元素配合使用,需要设置文本框(搜索框)的list属性值跟datalist的id相同、email 必须输入email 、 url 必须输入url(也就是带有http|https请求头)、tel 移动端有效、PC端无效 、hidden 隐藏域、
新增表单属性
placeholder 提示文字
required 该inp 的属性autocomple 默认为on 其含义代表是否让浏览自动记录之前输入的值,使用该属性,必须要有name属性(也许是bug)
multipe 多选、常用语selec和file

上一篇下一篇

猜你喜欢

热点阅读