码迷,mamicode.com
首页 > Web开发 > 详细

html5

时间:2020-03-20 12:20:55      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:联系   eset   提交   复选框   支持   art   单元素   tput   密码   

1.H5文档类型:

  <!DOCTYPE html>

2.HTML5新增标签

  1)header:<header>是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但也可以包含搜索表单或logo。

  2)nav:是一个可以用作页面导航的链接组,其中导航元素链接到其他页面或当前页面的其他部分。

  3)article:代表文档,页面或应用程序中独立的,完整的,可以独自被外部引用的内容,也可以嵌套使用。可以是一篇博客或者报刊中的文章,一篇论坛帖子,一段用户评论或者独立的插件,或其他任和独立的内容。

  4)aside:元素用来表示当前页面或文章的附属信息部分,它可以包含当前页面或主要内容相关的引用,侧边栏,广告,导航条,以及其他类型的有别于主要内容的部分。

  5)<footer>元素作为其上层父级内容区块或是一个根区块的脚注。footer通常包括其相关区块的脚注信息,如作者,相关阅读连接以及版权信息等。与header类似,一个页面中也未限定footer元素的个数。

  6)<address>元素用来在文档中呈现联系信息,包括文档作者或文档维护者名字,他们的网站链接,电子邮箱,真实地址,电话号码,以及跟文档相关的联系人的所有联系信息。

3.HTML5新增标签兼容性:在不支持Html5的浏览器中,由于浏览器无法识别Html5新增标签,所以默认将这些标签设置为行内元素(display:inline)

4.表单input组件:

  text 单行文本框

  password 密码框,输入的内容将会被遮挡。

  checkbox 复选框,必须使用value属性来描述该组件所提交的值,使用checked属性默认选中。

  radio 单选按钮,必须使用value属性来描述该组件所提交的值,使用checked属性默认选中。一个单选按钮组中所有组件都应该具有相同的name值,这样,每次只能选中按钮组中的某一个组件

   submit 提交按钮

  reset 重置按钮

  file 文件按钮,该组件用于选中文件系统中的某个文件 hidden 隐藏域,该组件不显示在页面中,但是其值会被提交。

  image 图像按钮,必须使用src来加载图片,使用alt来声明替换文本。

  button 普通按钮

5.html5新增表单元素: 

  progress表示任务的完成情况,常用于进度条

    max 定义进度元素所要求的任务的工作量,默认值为1

    value 定义已经完成的工作量,如果max值为1,该值必须是介于0~1之间的小数。

  output 表示用户动作产生的结果

    name 定义元素的名称

    for 其他元素的id列表,表明这些元素为计算提供了输入值(或其他影响)。

  meter meter元素表示规定范围内的数量值。例如:磁盘使用量,某个候选者的投票人数占总投票人数的比例等

  datalist

    datalist表示其他控件可用的值,其值通过<option>作为datalist的子元素存在

  imput框进行了扩展:新增:

    date,time,month,week,datetime-local(时间控件)

    number(数字控件)  range(范围控件)  search(搜索控件)  tel(电话控件)

    url(地址控件)  color(颜色控件)  email(email控件)

 

  

html5

标签:联系   eset   提交   复选框   支持   art   单元素   tput   密码   

原文地址:https://www.cnblogs.com/nyhhd/p/12530751.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!