HTML5面试题

作者: 前端来入坑 | 来源:发表于2019-01-07 18:09 被阅读70次

doctype作用

  • DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。

主流浏览器内核私有属性css前缀:

  • mozilla内核 (firefox,flock等) -moz
  • webkit内核(safari,chrome等) -webkit
  • opera内核(opera浏览器) -o
  • trident内核(ie浏览器) -ms

关于HTML语义化,你知道的都有哪些标签?

  • header、article、address都属于语义化明确的标签。

块级标签:默认宽度100%(占满一行);

  • 块级标签自动换行(独占一行,右边不能有任何东西);
  • 块级标签可以使用CSS设置宽度高度!
  • 常用的块状元素有:div、 p、 h1**h6、ol、ul、dl、table、address、blockquote、form

行内标签:默认宽度由内容撑开(内容多宽、宽度就占多宽);

  • 行级标签不会自动换行(一行当中,从左往右依次排列);
  • 行级标签的宽度高度不能设置!
  • 常用的内联元素有:a、span、br、i、em、strong、label、q、var、cite、code
  • 常用的内联块状元素有:img、input。

HTML5 Canvas元素有什么用?

  • Canvas 元素用于在网页上绘制图形,该元素标签强大之处在于可以直接在HTML上进行图形操作。

HTML5存储类型有什么区别?

  • localStorage用于持久化的本地存储,数据永远不会过期,关闭浏览器也不会丢失。
  • sessionStorage 同一个会话的页面才能访问并且当会话结束后数据也会随之销毁,因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储

HTML5中如何嵌入音频?HTML5如何嵌入视频?

  • HTML5支持MP3、Wav和Ogg格式的音频,下面是在网页中嵌入音频的简单实例:
<audio controls>
  <source src="jamshed.mp3" type="audio/mpeg">
  Your browser doesn't suppport audio embedding feature.
<audio>
  • 和音频类似,HTML5支持MP4、WebM和Ogg格式的视频,下面是简单实例:
<video width="450" height="340" controls>
   <source src="jamshed.mp4" type="video/mp4">
   <source src="jamshed.mp4" type="video/ogg">
</video>

我是如何同时拿到阿里和腾讯offer的

相关文章

网友评论

    本文标题:HTML5面试题

    本文链接:https://www.haomeiwen.com/subject/gwwthqtx.html