CSS框模型(Box Model)

本文详细介绍了HTML5新增的结构标签、多媒体标签、输入类型及其属性,并解释了这些元素如何增强网页表现力和功能性。此外,还探讨了HTML5如何通过本地数据库等功能提升Web应用能力,并介绍了viewport属性的应用,确保页面在不同设备上的一致性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

CSS框模型(Box Model)规定了元素框处理元素的内容,内边距,边框和外边距的方式
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
一; 1 结构标签
article 定义文章
aside 定义文章的侧边栏
figure 一组媒体对象及文字
figcaption 定义figure的标题
header 定义页眉
footer 定义页脚
nav 定义导航
section 定义文档中的区段

2 多媒体标签
video 视频
audio 音频
embed 插入各种多媒体
mark 需要突出显示或高亮显示的文本
canvas 画布
progress 进度条
meter 进度条
time 时间

3 输入标签
日期和时间 date time
email 必须输入email
url 必须输入URL
number 必须输入数字
range 输入一定范围内的数字值
属性: placeholder 提示文字 required 改input是否为必填项

4 全局属性
id
tabindex
repeat

5 移除的元素
center
font
strike del代替
二 : H5特点
强化了web网页的表现性能,除了可描绘的二维图形外,还准备了用于播放视频和音频的标签,追加本地数据库等web应用功能

三 viewport的属性讲解以及应用
手机有不同的分辨率,不同的屏幕大小,如何使我们开发的应用或页面大小能适合各种高端手机使用?
学习html5 viewport能帮助我们实现这一点

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值