HTML5+CSS3初步概述

一、HTML5的认识

HTML5相较于HTML4进行了升级，比HTML4语义化更明确，新增了一些标签，同时也废除了一些元素旧的标签。

1.HTML5新增的语义化结构元素

header表示一个页面中一个内容区块或整个页面的标题即页面顶部的内容。

footer表示整个页面或页面中一个内容区块的脚注即页面底部的内容。

section表示页面中的一个内容区块，可与h1、h2等元素结合使用，表示文档结构。

article表示一个页面中的一块与上下文不相关的独立内容。常用于定义侧边栏内容即定义独立于网页的内容，在手机网页中经常用到。

aside表示定义页面之外的内容即声明主内容之外的内容。

nav表示页面中导航链接的部分。

main表示页面的主要内容。

figure表示一段独立的内容流，一般表示文档主体流内容的一个独立单元。

time表示声明时间。

progress表示HTML5中的默认精度条，其样式不能进行更改。

2.HTML5中新增的表单元素

datalist：其作用类似于<select name=”  ” id=”  ”></select>，表示在文本框中输入会出现下拉索引。

               <input type=”text” list=”info”/>

               <datalist id=”info”>

                       <option>a</option>

                       <option>ab</option>

                       <option>abc</option>

                </datalist>

                常与input搭配使用。

 form：<form method=”  ”></form>，表示表单验证。其中method中的属性包括get和post，get提交数据大，不太安全（get在注册后会将相关信息显示在网址上），post提交的数据少，较安全。

tel：格式<input type=”tel”/>，表示输入电话号码的文本框。

search：格式<input type=”search”/>，表示搜索的文本框。

url：格式<input type=”url”/>，表示输入URL地址的文本框。

email：格式<input type=”email”/>，表示输入电子邮件地址的文本框。

datetime：格式<input type=”datetime”/>，表示日期和时间的文本框。

date：格式<input type=”date”/>，表示日期的文本框。

month：格式<input type=”month”/>，表示月份的文本框。

week：格式<input type=”week”/>，表示周几的文本框。

time：格式<input type=”time”/>，表示时间的文本框。

<