Fork me on GitHub
随笔 - 87  文章 - 0  评论 - 308  阅读 - 42万

10个最常见的 HTML5 面试题及答案

1、新的 HTML5 文档类型和字符集是?

HTML5 文档类型很简单:

<!doctype html>

2、HTML5 中如何嵌入音频?

HTML5 支持 MP3、Wav 和 Ogg 格式的音频,下面是在网页中嵌入音频的简单示例:

<audio controls>
    <source src=”test.mp3″ type=”audio/mpeg”>
    Your browser does’nt support audio embedding feature.
</audio>

3、HTML5 中如何嵌入视频?

和音频类似,HTML5 支持 MP4、WebM 和 Ogg 格式的视频,下面是简单示例:

<video width=”450″ height=”340″ controls>
  <source src=”t.mp4″ type=”video/mp4″>
   Your browser does’nt support video embedding feature.
</video>

这里需要强调的一点是:controls="true",controls="controls"这样的写法,在html5中是错误的用法。

对于定义多个数据源可以这样写:

<video width=”450″ height=”340″ controls>
     <source src=”t.mp4″ type=”video/mp4″>
     <source src=”t.ogg” type=”video/ogg”>
</video>

为 video 元素规定字幕文件或其他包含文本的文件

<video width=”450″ height=”340″ controls>
     <source src=”t.mp4″ type=”video/mp4″>
     <source src=”t.ogg” type=”video/ogg”>
     <track kind=”subtitles” label=”English” src=”t_en.vtt” srclang=”en” default></track>
     <track kind=”subtitles” label=”Arabic” src=”t_ar.vtt” srclang=”ar”></track>
</video>

 

4、除了 audio 和 video,HTML5 还有哪些媒体标签?

HTML5 对于多媒体提供了强有力的支持,除了 audio 和 video 标签外,还支持以下标签:

<embed> 标签定义嵌入的内容,比如插件。

<embed type=”video/quicktime” src=”test.mov”>

5、HTML5 Canvas 元素有什么用?

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

<canvas id=”canvas1″ width=”300″ height=”100″></canvas>

...

 

posted on   bjtqti  阅读(553)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示