HTML5新标签




"从那以后,生活的意义被重新发现,年少的梦想也被唤醒。HTML的新标签也呼之欲出,WEB发展前景将无比广阔。"
——有心人做有心事哦,早安EmilyChen!





1. 语义化

(1)优点:

  • 使标签有含义,结构更清晰
  • 增强文档可读性,以便代码维护
  • 浏览器和网络爬虫更好地解析内容
  • 很好地进行搜索引擎优化

(2)新增常用结构标签如下:

header、nav、main、section、aside、article、footer、time、process、figure



2. 表单控件


(1)新增常用控件如下:

number、tel、date、search

(2)控件属性:

autofocus、autocompleted 前者自动聚焦控件、后者键完自动输入 (布尔属性)required、controls、autoplay、loop、muted

(3)修改表单颜色

input::placeholder { color:red; }


3. 视音


audio(mp3、wav、ogg)
video(mp4、webm、ogg)

您的浏览器暂不支持播放视频播放格式



posted @ 2020-07-21 09:53  MaricoCheung  阅读(221)  评论(0编辑  收藏  举报