HTML5新增的元素

最新推荐文章于 2022-02-15 17:41:26 发布

御宸

最新推荐文章于 2022-02-15 17:41:26 发布

阅读量560

点赞数

分类专栏：前端文章标签： h5

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一、新增的结构元素
1.section：可以表达书本的一部分或一章，或者一章内的一节
2.header：页面主体上的头部，并非head元素
3.footer：页面的底部（页脚），可以是一封邮件签名的所在
4.nav：到其他页面的链接集合
5.article：博文，杂志，文章汇编等中的一篇文章
二、新增的纯语义的块级元素
1.aside：定义页面内容之外的内容，比如侧边栏
2.figure：定义媒介内容的分组，以及它们的标题
3.figcaption：媒介内容的标题说明
4.dialog：定义对话（会话）
* 三、新增的行内的语义元素*
1.mark:定义有记号的文本
2.time:定义时间日期
3.meter定义预定义范围内的度量
4.progress：定义运行中的进度
四、新增的嵌入多媒体元素与交互性元素
video元素，audio元素，embed元素
五、新增的input元素的类型
1.url类型
2.email类型
3.date类型
4.time类型
5.datetime类型
六、HTML5新增的属性
1.input的text，select,textarea,button制定autofocus属性在画面打开时自动获得焦点
2.对input的text，textarea指定placeholder会产生提示
3对input，output，select，textarea，button，fieldset制定form属性，声明属于哪个表单。
4.对input（text），textarea指定required属性
七、部分练习代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <time datetime="2018-8-14" pubdate="true"></time>
        <progress value="0" max="100" id="down"></progress>

        <input type="button" value="下载" onclick="cli();"/>
        <embed src="" height="500" width="300"></embed>
    </body>
</html>
<script type="text/javascript">
    var timer=0;
    var obj=document.getElementById("down");
    function handler(){
        timer++;
        obj.value=timer;

    }
    function cli()
{
    timer=setInterval(handler,100);
}
</script>

御宸

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5新增的元素

一、新增的结构元素 1.section：可以表达书本的一部分或一章，或者一章内的一节 2.header：页面主体上的头部，并非head元素 3.footer：页面的底部（页脚），可以是一封邮件签名的所在 4.nav：到其他页面的链接集合 5.article：博文，杂志，文章汇编等中的一篇文章二、新增的纯语义的块级元素 1.aside：定义页面内容之外的内容，比如侧边栏 ...
复制链接

扫一扫