HTML5和CSS3系列(三):变化元素、新增标签、多媒体、新增表单、全局属性

2018-02-12 10:50:59来源:segmentfault作者:唐成勇人点击

分享
上一篇:HTML和CSS 入门系列(二):文字、表单、表格、浮动、定位、框架布局、SEO
一、变化的元素
1.1 DOCTYPE



1.2 meta声明


1.3 <link> 标签


1.4 <script> 标签


二、HTML5语义



2.1 新增标签


2.1.1 article




2.1.2 header


2.1.3 footer


2.1.4 nav



2.1.5 aside



2.1.5 section



2.1.6 内容分组标签:main


2.1.7 内容分组标签:figure和figcaption


2.1.8 文本标签:time



2.1.9 i 标签


2.1.9 b 标签


2.1.10 em 标签


2.1.11 strong 标签



三、星巴克网站制作

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


<link rel="shortcut icon" href="images/favicon.ico">


页面初始化:


*{
padding: 0;
margin: 0;
font: inherit;
}
四、音视频播放
4.1 视频




兼容所有的浏览器播放:


4.2 音频




五、新增input类型
5.1 input类型




datalist:




keygen:




output:




六、表单验证


6.1 类型


6.2 必填字段





禁用表单验证:





总结:



七、新增表单属性


7.1 placeholder








八、全局属性





下一篇:HTML5和CSS3系列(四):常见样式、背景、Web字体、2D转换、过渡

参考教学视频:HTML5和CSS3新特性视频教程

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台