关于HTML5的新增特性,你只需要了解这3点

所属专栏:前端只因变凤凰之路
作者简介:rchjr——五带信管菜只因一枚
前言:该系列将持续更新前端的相关学习笔记,欢迎和我一样的小白订阅,一起学习共同进步~

文章简介:本文介绍常见html5的新增特性。知识学习内容来自b站的@黑马程序员的视频

 html5的新特性

起源

html5新增特性主要是针对以前语义化不足的问题,添加了新的标签、表单和表单属性等。

新增的语义化标签

关于HTML5的新增特性,你只需要了解这3点_第1张图片 header:头部标签

nav导航标签

article:内容标签

section:文档部分区域(大号的div)

aside:侧边栏标签

footer:尾部标签

注意:

1.这种语义化标签主要针对搜索引擎

2.新标签可以使用多次

3.移动端更喜欢用这些标签

新增的多媒体标签

音频:audio(推荐MP3格式)

视频:video(更推荐用mp4,因为基本能全部兼容)

使用它们可以很方便的插入视频和音频。




    
    
    
    Document


    
    





    
    
    
    Document



    


更多的信息可以在菜鸟教程上查看

新增的input类型

关于HTML5的新增特性,你只需要了解这3点_第2张图片

 重点只需要了解:number、tel和search三个

新增的表单属性

关于HTML5的新增特性,你只需要了解这3点_第3张图片





    
    
    
    Document



    

 关于HTML5的新增特性,你只需要了解这3点_第4张图片

 重点是:placeholder和multiple

你可能感兴趣的:(前端只因变凤凰之路,前端,html,css,html5,html5新增特性)