第十二天学习：html标签分类

关键字：html标签分类

晨跑计划：

 

学习计划：

• 对html标签进行更详细的分类

学习记录：

• 

   

• 

   

扩展阅读：

• html多媒体：
  • 什么是多媒体？
    • 可以是听到或者看到的任何内容，文字、图片、音乐、音效、录音、电影、动画等等
  • 浏览器支持
    • 不同的浏览器以不同方式处理音效、动画和视频的支持。某些元素能够以内联的方式处理，而某些则需要额外的插件
  • 多媒体格式
    • 多媒体元素储存于媒体文件中，确定媒体类型的最常用的方法是查看文件扩展名
  • 视频格式
    • AVI、WMV、 MPEG、 QuickTime、 RealVideo、 Flash、 MP4
  • 声音格式
    • MIDI、RealAudio、 Wave、 WMA、 MP3
• 

   

• 

问题的记录与解答：

• html嵌入多媒体对象？
  • 回答了如何在HTML中嵌入pdf、word，音频(如mp3)，视频(如mp4)，flash呢？
• html中怎么播放声音
  • 使用插件
    • 浏览器插件是一种扩展浏览器标准功能的小型计算机程序，插件有很多用途：播放音乐、显示地图、验证银行账号、控制输入等等；可使用object或embed标签来讲插件添加到html页面，这些标签定义资源（通常非html资源）的容器，根据类型，它们将会由浏览器显示，也会由外部插件显示
  • 使用<embed>元素
    • embed标签定义外部（非html）内部的容器（这是一个html5标签，在html4是非法的，但是所有浏览器都有效）
    • 实例：
    • 问题：
      • <embed>标签在html4中是无效的，页面无法通过html4验证
      • 不同浏览器对音频格式的支持不同
      • 如果浏览器不支持该文件格式，没有插件的话就无法播放该视频
      • 如有用户的计算机未安装插件，无法播放视频
      • 如果把该文件格式转换为其他格式，仍然无法在所有浏览器中播放
  • 使用<object>元素
    • <object tag>标签也可以定义外部（非html）内容的容器
    • 实例：
    • 问题：
      • 不同浏览器对音频格式的支持不同
      • 如果浏览器不支持该文件格式，没有插件的话就无法播放该视频
      • 如有用户的计算机未安装插件，无法播放视频
      • 如果把该文件格式转换为其他格式，仍然无法在所有浏览器中播放
  • 使用<audio>元素
    • 可以在开始标签和结束标签之前放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息
    • 实例：

    • 问题：

      • <audio>标签在html4中是无效的
      • 必须把音频文件转换为不同的格式
      • 在老式浏览器中不起作用
  • 最好的的html解决方法
    • 实例：

    • 使用不同的音频格式。html5<audio>元素会尝试以mp3或ogg来播放音频，如果失败，代码将回退尝试使用<embed>元素

    • 问题：
      • 必须把音频转换为不同的格式
      • <audio>、<embed>元素无法通过html4和xhtml验证
      • <embed>元素无法回退来显示错误消息
  • 最简单的方法：
    • 向网页添加雅虎媒体播放器，只需要简单让雅虎来完成歌曲播放工作就好了，它能播放mp3以及一系列其他格式。
    • 实例：
    • 雅虎媒体播放器提供的是一个小型的播放按钮，而不是完整的播放器。不过，当点击该按钮，会弹出完整的播放器，这个播放器始终停靠在窗框的底部，点击它，就可将其滑出
  • 使用超链接
    • 如果网页包含指向媒体文件的超链接，大多数浏览器会使用“辅助应用程序”来播放文件
    • 实例：
  • 内联的声音
    • 当在网页中包含声音，或者作为网页的组成部分时，它被称作为内联声音
  • 
•  html中怎么播放视频？
  • 使用<embed>标签
    • 实例：
    • 问题：
      • HTML4 无法识别 <embed> 标签。您的页面无法通过验证。
      • 如果浏览器不支持 Flash，那么视频将无法播放
      • iPad 和 iPhone 不能显示 Flash 视频。
      • 如果您将视频转换为其他格式，那么它仍然不能在所有浏览器中播放。
  • 使用<object>标签
    • 实例：
    • 问题：
      • 如果浏览器不支持 Flash，将无法播放视频。
      • iPad 和 iPhone 不能显示 Flash 视频。
      • 如果您将视频转换为其他格式，那么它仍然不能在所有浏览器中播放。
  • 使用<video>标签
    • 实例：
    • 问题：
      • 您必须把视频转换为很多不同的格式。
      • <video> 元素在老式浏览器中无效。
      • <video> 元素无法通过 HTML 4 和 XHTML 验证。
  • html5+object+embed
    • 实例：
    • 问题：
      • 您必须把视频转换为很多不同的格式
      • <video> 元素无法通过 HTML 4 和 XHTML 验证。
      • <embed> 元素无法通过 HTML 4 和 XHTML 验证。
  • 优酷解决方案：
    • 实例：
  • 使用超链接：
    • 如果网页包含指向媒体文件的超链接，大多数浏览器会使用“辅助应用程序”来播放文件。
    • 实例：
  •