Html5和Html4的不同

HTML5

1. 简要的文档类型声明<!DOCTYPE HTML>。
2 .废弃了HTML4的一些标签,引入语义化的标签
3.引入原生多媒体支持video rideo
4.引入可编程内容 canvas
5.对本地存储进行了更好的支持

新增的语义化标签:

header 标签定义文档的页眉。
footer 标签定义文档的页脚。
nav 导航栏,描述一个含有多个超链接的区域,这个区域包含转到其他页面,或者页面内部其他部分的链接列表
menu 标签用于上下文菜单,工具栏以及移除表单控件和命令(兼容性差)
aside 用于侧边栏或嵌入内容的制作
article 元素表示文档、页面、应用或网站中的独立结构,
embed 用于表示插件(兼容性差)

section 表示文档的某个区域,例如某个专题

<section>
    <h1></h1>
    <p></p>
</section>

hgroup用于对网页或区段(section)的标题进行组合

<hgroup>
    <h1></h1>
    <h2></h2>
</hgroup>

figure用作文档中插图的图像:

<figure>
  <p></p>
  <img src="" />
</figure>

新增的表单元素(兼容性差)

datalist 元素规定输入域的选项列表。
output 元素用于不同类型的输出,比如计算或脚本输出。
keygen 元素的作用是提供一种验证用户的可靠方法。

新增的input的类型

email(用于输入email格式)
url(用于输入url格式)
number(用于数字输入)
range (用于包含一定范围内数字)
类型显示为滑动条。
Date pickers(日期选择器)
(date, month, week, time, datetime, datetime-local)
search(搜索域,类似谷歌的搜索提示)
color(颜色选择,不兼容大部分浏览器)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值