博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5和CSS3系列(三):变化元素、新增标签、多媒体、新增表单、全局属性
阅读量:6360 次
发布时间:2019-06-23

本文共 514 字,大约阅读时间需要 1 分钟。

一、变化的元素

1.1 DOCTYPE

clipboard.png

clipboard.png

1.2 meta声明

clipboard.png

1.3 <link> 标签

clipboard.png

1.4 <script> 标签

clipboard.png

二、HTML5语义

clipboard.png

clipboard.png

2.1 新增标签

clipboard.png

2.1.1 article

clipboard.png

clipboard.png

clipboard.png

2.1.2 header

clipboard.png

2.1.3 footer

clipboard.png

2.1.4 nav

clipboard.png

clipboard.png

2.1.5 aside

clipboard.png

clipboard.png

2.1.5 section

clipboard.png

clipboard.png

2.1.6 内容分组标签:main

clipboard.png

2.1.7 内容分组标签:figure和figcaption

clipboard.png

2.1.8 文本标签:time

clipboard.png

clipboard.png

2.1.9 i 标签

clipboard.png

2.1.9 b 标签

clipboard.png

2.1.10 em 标签

clipboard.png

2.1.11 strong 标签

clipboard.png

clipboard.png

三、星巴克网站制作

浏览器标题栏的上小图标:

clipboard.png

页面初始化:

*{    padding: 0;    margin: 0;    font: inherit;    }

四、音视频播放

4.1 视频

clipboard.png

clipboard.png

clipboard.png

兼容所有的浏览器播放:

clipboard.png

4.2 音频

clipboard.png

clipboard.png

clipboard.png

五、新增input类型

5.1 input类型

clipboard.png

clipboard.png

clipboard.png

datalist:

clipboard.png

clipboard.png

keygen:

clipboard.png

clipboard.png

output:

clipboard.png

clipboard.png

六、表单验证

clipboard.png

6.1 类型

clipboard.png

6.2 必填字段

clipboard.png

clipboard.png

clipboard.png

clipboard.png

禁用表单验证:

clipboard.png

clipboard.png

总结:

clipboard.png

七、新增表单属性

clipboard.png

7.1 placeholder

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

八、全局属性

clipboard.png

clipboard.png

clipboard.png

clipboard.png

转载地址:http://hvbma.baihongyu.com/

你可能感兴趣的文章
python找出列表重复值
查看>>
APUE读书笔记-20应用
查看>>
创建和使用windows azure的linux虚拟机
查看>>
我的友情链接
查看>>
tomcat session----memcache
查看>>
ORA-32004 的错误处理
查看>>
django 安装
查看>>
事后诸葛亮
查看>>
业务监控脚本
查看>>
WDS无线路由器桥接设置(wifi无线漫游,扩展范围,消除盲点)
查看>>
linux下不能上网的问题解决思路
查看>>
我的友情链接
查看>>
教你如何远程安装Windows XP操作系统
查看>>
用JS实现判断iframe是否加载完成
查看>>
SAP常用TCODE
查看>>
详解MySQL数据库设置主从同步的方法
查看>>
mysql 启动错误(InnoDB: Operating system error number 1
查看>>
网卡流量数值溢出
查看>>
Android中级教程之----Log图文详解(Log.v,Log.d,Log.i,Log.w,Log.e)!
查看>>
浅谈 Java 字符串(String, StringBuffer, StringBuilder)
查看>>