HTML(布局标签)

(1)header标签 网页的头部标签,页眉标签 (2)footer标签 网页的底部标签,页脚标签 (3)nav标签 导航标签,可以放导航链接组、侧边导航、翻页操作、业内导航; (4)article标签 可以放页面中独立的内容区,例如文章,用户的评论、独立的插件、论坛的帖子等 (5)section标签 网页中独立的章节,在section中一般会有标题和正文等构成 (6)aside标签 网页的侧边栏,页面中附属的信息内容都可以使用aside标签 (7)hgroup标签 标题组2、h5新增的其他标签 (1)figure标签 设置独立的流内容(可以放图片,图表和代码等) 注意: figcaption在一组figure中最多只允许使用一次,其他内容可以使用多次 (2)mark标签 定义带有记号的文本 包裹在mark标签中的内容会显示黄色背景,高亮显示 (3)time标签 时间,在页面中不会有特殊的显示效果 可以使用datetime属性设置具体的时间 二、HTML5兼容

 

 

 

 

大唐不夜城——皮卡晨

 

 

 

 

西安---陕西的省会,beautiful!

我们今天中午13:40上课

我们今天中午一点四十上课

高考加油

高考加油

IE9+以上的浏览器支持H5部分特性 HTML5新标签对IE低版本浏览器的影响及兼容情况处理方案: 使用javascript新增元素的方法解决 使用js创建出来的元素是行级元素,需要转块 使用谷歌提供的html5shiv.js插件解决兼容性问题 三、HTML5移除的标签 以上标签在h5中使用不会报错也不会出现异常,只是不被w3c标准所推荐。 四、HTML5新增的多媒体标签 1、音频标签 src属性 规定要播放的音频/视频的 URL controls属性 规定浏览器应该为音频/视频提供播放控件 loop属性 规定当音频/视频结束后将重新开始播放 muted属性 规定要播放的音频/视频为静音   H5支持的音频格式 浏览器的支持情况: IE9+及标准浏览器下可以支持   2、视频标签 src属性 规定要播放的音频/视频的 URL controls属性 规定浏览器应该为音频/视频提供播放控件 loop属性 规定当音频/视频结束后将重新开始播放 muted属性 规定要播放的音频/视频为静音 width属性 规定视频播放器的宽度 height属性 规定视频播放器的高度 poster属性 预览图片   H5支持的视频格式浏览器的支持情况: IE9+及标准浏览器下可以支持   3、source标签 为视频/音频定义媒介资源 src属性 定义音频/视频的url type属性 MIME的类型 五、HTML5中新增的表单元素 1、url 用于包含URL地址的输入域,输入完成浏览器会进行验证是否是url地址 2、email 用于包含e-mail地址的输入域,输入完成浏览器会进行邮箱简单的校验 3、search 用于搜索域

       

您的浏览器可能需要升级了~ 4 、tel 用于输入电话号码的文本域 5、number 用于包含数值的输入域 6、range 用于包含一定范围内数字值的输入域 7、color 用于选取颜色 8、date 用于从一个日期选择器选择一个日期 9、datetime 用于手动输入一个日期时间 10 、datetime-local 用于选择一个日期和时间 11 、month 用于选择一个月份 12 、week < i n p u t t y p e = " t e l " > < i n p u t t y p e = " n u m b e r " > < i n p u t t y p e = " r a n g e " > < i n p u t t y p e = " c o l o r " > < i n p u t t y p e = " d a t e " > < i n p u t t y p e = " d a t e t i m e " > < i n p u t t y p e = " d a t e t i m e - l o c a l " > < i n p u t t y p e = " m o n t h " > 用 于 选 择 周 和 年 1 3 、 t i m e 用 于 选 择 一 个 时 间 1 4 、 d a t a l i s t 定 义 选 项 列 表  六 、 H T M L 5 中 新 增 的 表 单 属 性 1 、 m a x 、 m i n 、 s t e p 属 性 m a x 属 性 规 定 输 入 域 所 允 许 的 最 大 值 min 属 性 规 定 输 入 域 所 允 许 的 最 小 值 s t e p 属 性 为 输 入 域 规 定 合 法 的 数 字 间 隔 2 、 p l a c e h o l d e r 属 性 pla c e h old e r 属 性 描 述 输 入 域 所 期 待 的 值 , 提 示 信 息 3 、 a u t o f o c u s 属 性 a u t o f o c u s 属 性 自 动 获 取 焦 点 4 、 a u t o c o m p l e t e 属 性 a u t o c o m ple t e 属 性 自 动 完 成 a u t o c o m ple t e = " o n " 打 开 a u t o c o m ple t e = " o ff " 关 闭 5 、 f o r m 属 性 f o r m 属 性 规 定 输 入 域 所 属 的 表 单 6 、 r e q u i r e d 属 性 r e q uir e d 属 性 规 定 必 须 在 提 交 之 前 填 写 输 入 域 , 必 填 < i n p u t t y p e = " w e e k " > < i n p u t t y p e = " t i m e " > < i n p u t t y p e = " t e x t " l i s t = " k e m u " > < d a t a l i s t i d = " k e m u " >   < o p t i o n v a l u e = " w e b " > w e b < / o p t i o n >   < o p t i o n v a l u e = " j a v a " > j a v a < / o p t i o n >   < o p t i o n v a l u e = " p y t h o n " > p y t h o n < / o p t i o n >   < o p t i o n v a l u e = " U I " > U I < / o p t i o n > < / d a t a l i s t >  7、pattern属性 pattern 属性规定用于验证 input 域的模式 8、multiple属性 multiple属性规定输入域中可选择多个值 9、list属性 list属性实现数据列表的下拉效果   只能填写0-9的数字: 上传文件:    web  java  python  UI  

  • 10
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值