HTML&CSS Learning Notes 2 (Additional)
2015-09-13 22:43
741 查看
Additional Knowledges
For displaying original tags,
Image has two values until now..
For displaying computer source code or the content which all of computers can read. The style of font like
You can directly see < and >
You have to use
Video or Audio
Embedding the no video by using this two tags.
Embedding the video without any control mechanisms.
Attributes:
controls : Displays the standard HTML5 controls for the audio on the web page.
autoplay : Makes the audio play automatically.
loop : Make the audio repeat (loop) automatically.
preload : attribute is used in the audio element for buffering large files with three values,
”none” does not buffer the file
“auto” buffers the media file
“metadata” buffers only the metadata for the file.
For matching different formats or multiple sources, < source> is good to work.
Diffrent formats supported by browsers are different, like
Video: ogg, mp4, webm
Audio: ogg, webm, mp3, wave, wav, x-wav, x-pn-wav
Reference from :
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video
&and
"
<>
For displaying original tags,
&=
&,
"=
",
<=
<and
>=
>
<img src="URL" alt="NAME of Image">
Image has two values until now..
<code></code>and
<pre></pre>
For displaying computer source code or the content which all of computers can read. The style of font like
Courier, shortly,
<code>tags display source code style screen. But for the
<pre>tags, the difference is that it can keep the style of space and return firstly, and second is that the content is like String, you have to use transferred meaning characters. Like below,
<code>
You can directly see < and >
</code>
<pre>
You have to use
<and
>to see < and >.
</pre>
Video or Audio
<video></video>
Embedding the no video by using this two tags.
<video src="URL"><video>
Embedding the video without any control mechanisms.
<video src="URL" ATTRIBUTES ><video>
Attributes:
controls : Displays the standard HTML5 controls for the audio on the web page.
autoplay : Makes the audio play automatically.
loop : Make the audio repeat (loop) automatically.
preload : attribute is used in the audio element for buffering large files with three values,
”none” does not buffer the file
“auto” buffers the media file
“metadata” buffers only the metadata for the file.
<video><source></video>
For matching different formats or multiple sources, < source> is good to work.
<source src="URL" type="video/[FORMATs] codecs=dirac, speex">
Diffrent formats supported by browsers are different, like
Video: ogg, mp4, webm
Audio: ogg, webm, mp3, wave, wav, x-wav, x-pn-wav
Reference from :
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video
相关文章推荐
- JSdom操作内容,样式,属性
- CSS
- HTML&CSS Learning Notes 2
- css3实现卡片翻转
- 在selenium中使用css选择器进行元素定位
- CSS透明边框
- 响应式布局--引入外部样式
- CSS BFC
- CSS行高——line-height
- CSS解决未知高度的垂直水平居中自适应问题
- CSS 阴影怎么写?
- GMT5.1.2_基础_坐标轴的设置和离散点的样式控制
- Web前端从入门到精通-12 css简介——导航实例1
- Web前端从入门到精通-11 css简介——盒模型3
- 设置状态栏样式Demo
- Normalize.css的使用(重置表)
- HTML编码和CSS编码会遇到的问
- css reset重置样式有那么重要吗?
- css让浮动元素水平居中
- CSS清除浮动