资讯专栏INFORMATION COLUMN

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

kel / 2279人阅读

摘要:上一篇和入门系列二文字表单表格浮动定位框架布局一变化的元素声明标签标签二语义新增标签内容分组标签内容分组标签和文本标签标签标签标签标签三星巴克网站制作浏览器标题栏的上小图标页面初始化四音视频播放视频兼容所有的浏览器播放音频五新增类型类型六表

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

1.2 meta声明

1.3 标签

1.4

二、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 标签

三、星巴克网站制作

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

页面初始化:

*{
    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新特性视频教程

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/57212.html

相关文章

  • HTML5CSS3系列(四):常见样式、背景、Web字体、2D转换、过渡

    摘要:上一篇和系列三变化元素新增标签多媒体新增表单全局属性一边框圆角二盒子阴影三文本四颜色五不透明六渐变线性渐变径向渐变七背景八字体使用特殊字体九转换十过渡时间函数贝塞尔曲线贝塞尔关键词下一篇和系列五之选择器详解基本选择器属性选择器伪类选择器结构 上一篇:HTML5和CSS3系列(三):变化元素、新增标签、多媒体、新增表单、全局属性 一、边框圆角 showImg(https://segmen...

    jackzou 评论0 收藏0
  • HTMLCSS 入门系列(二):文字、表单、表格、浮动、定位、框架布局、SEO

    摘要:多余的文字会被隐藏五定位透明度居中显示堆叠顺序可用于将在一个元素放置于另一元素之后。属性六框架布局垂直布局水平布局内联框架标签七搜索引擎优化下一篇和系列三变化元素新增标签多媒体新增表单全局属性参考教学视频和小时入门经典视频教程 上一篇:HTML和CSS 入门系列(一):超链接、选择器、颜色、盒模式、DIV布局、图片 一、文字 1.1 属性 showImg(https://segment...

    yanwei 评论0 收藏0
  • HTMLCSS 入门系列(二):文字、表单、表格、浮动、定位、框架布局、SEO

    摘要:多余的文字会被隐藏五定位透明度居中显示堆叠顺序可用于将在一个元素放置于另一元素之后。属性六框架布局垂直布局水平布局内联框架标签七搜索引擎优化下一篇和系列三变化元素新增标签多媒体新增表单全局属性参考教学视频和小时入门经典视频教程 上一篇:HTML和CSS 入门系列(一):超链接、选择器、颜色、盒模式、DIV布局、图片 一、文字 1.1 属性 showImg(https://segment...

    binta 评论0 收藏0
  • HTML5 & CSS3 内容收集(1)

    摘要:标签规定用于表单的密钥对生成器字段。私钥存储于客户端,公钥则被发送到服务器。在发布用户评论或其他您无法完全控制的内容时,该标签很有用。在中一定要执行,否则事件不会被触发。 1. HTML发展历史介绍 showImg(https://segmentfault.com/img/bVQ4jp?w=921&h=437); 2. 浏览器支持 2.1 新增标签支持 在html5 中新增了很多的标签...

    mgckid 评论0 收藏0
  • HTML5+CSS3整体回顾

    摘要:设置文字的描边制表符的长度当前行超过指定容器的边界时是否断开转行规定自动换行的处理方法是否使用一个省略标记标示对象内文本的溢出默认值无省略号当对象内文本溢出时显示省略标记。或表示红色,表示绿色,表示蓝色,也可取其他数值来指定颜色。 转载请声明 原文链接 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,并不是很详细,后面会一直完善补充新的内容,本文是一些笔记记录,放在这里供自己参考...

    xingqiba 评论0 收藏0

发表评论

0条评论

kel

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<