Html5的一些常用标签

在说html5的标签之前,有必要说一下什么是html5!

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的新一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。通俗的说,html就是第五代的html。

语义化标签

  • <header>:定义文档的头部区域
  • 定义导航链接的部分
  • :
    定义文档的主体部分。
  • : 定义文档中的节(section、区段)。
  • 定义 页面 的页脚。
  • 定义页面的侧边栏内容。
  • 定义一个文章区域

结构性标签

用于描述文档或文档某个部分的细节。

:规定独立的流内容(图像、图表、照片、代码等等)。

: 定义公历的时间或日期,时间和时区是偏移可选的

: 进度条,但不适合用来表示度量衡

表单标签

Datalist: 可以与input新属性list一起使用来创建组合框,双击input的时候可以提供选项让用户选择类似历史记录一样。


<
datalist id="browsers">
 
 
 
 
datalist>

Input类型 email

email类型用于应该包含e-mail地址的输入域

在提交表单时,会自动验证email的域值

Input类型 url

url类型用于应该包含URL地址的输入域

在提交表单时,会自动验证url的值

Input类型 number

number类型用于应该包含数值的输入域

您能够设定对所接受的数字的限定

Input类型 range

range类型用于应该包含范围内数字值的滚动条

range类型 显示为滚动条

Input类型 Date Pickers(日期选择器)

date   选取日、月、年

mouth  选取月、年

week  选取周、年

time  选取时间(小时和分钟)

datetime  选取时间、日、月、年(UTC时间)

datetime-local  选取时间、日、月、年(本地时间)

Input类型 search(搜索)

search类型用于搜索域

search显示为常规的文本域

Input类型 color

选取颜色   默认颜色  value="#ffffff"

Input类型   tel(电话号码)

定义用于输入电话号码的字段

autofocus属性

autofocus属性规定在页面加载时,域自动的获得焦点

autofous适用于所有的标签

required属性

required属性规定必须在提交之前填写输入域(并且不能为空)

tips:即使不被支持,仍然显示为常规的文本域

你可能感兴趣的:(html5,html,前端)