写在前面
特此声明,本系列学习笔记内容来源于网络,为加深记忆所做的笔记,内容相当于转载自他处,转载来源为 极客江南的博客,以及w3school对应的表单教程
video标签
播放视频的标签
属性
-
- src 指明文件位置
-
- autoplay 用于设置是否自动播放
-
- controls 用于设置是否出现视频进度控制条
-
- poster 用于设置视频播放前的占位图片
-
- loop 用于设置是否循环播放
-
- preload 是否预加载视频;但它与autoplay相冲突,不能同时使用(设置了autoplay会使preload失效)
-
- muted 用于设置是否静音
-
- width/height 同img标签
格式一:
<video src="">
</video>
- 格式二:
<video>
<source src="" type="">
<source src="" type="">
</video>
- 注:因为视频格式是一种非常重要的格式,五大浏览器都不想用别人的格式,所以导致没有一种视频格式是所有浏览器通用的,为了解决这个问题,w3c推出了这种格式
audio标签
- 音频标签,用于添加音频
- 同video标签相似,有两种格式,原因相同
- 属性比video少width、height、poster三个标签,其他相同
- 格式1:
<audio src="">
</audio>
- 格式2:
<audio>
<source src="" type="">
<source src="" type="">
</audio>
details标签
- 详情概要标签
- 利用summary来描述概要信息,利用details标签来描述详情信息,默认情况下是折叠展示的
- 格式
<details>
<summary>topic</summary>
这里写topic的详情。。。。。。
</details>
marquee标签
- 作用:实现跑马灯效果,也就是使marquee标签内的文字、图片等在浏览器上移动起来
- marquee不是w3c推荐的标签,但在五大浏览器中都能很好地支持
- 格式
<marquee>
内容
</marquee>
- 属性:
-
- direction:设置滚动方向(left、right、up、down)
-
- scrollamount:设置滚动速度,值越大滚动速度越大
-
- loop:设置滚动次数
-
- hehavior:设置滚动类型,slide-滚动到边界就停止,alternate滚动到边界就弹回
废弃掉的标签
- 这些部分标签因为是用来更改样式而被废弃
- 例如
<br> <hr> <font> <b> <u> <i> <s>
<!--<font>字体
<b>加粗(bold)
<u>下划线(underlined)
<i>将文本倾斜(italic)
<s>删除线(strickethrough)
-->
- 企业开发中尽量不用这些标签,如果要使用,一般情况下都是当做CSS的钩子来使用的
用来替代他们的有语义的标签
- strong 定义重要性强调的文字
- ins 定义插入的文字 (inseted)
- em 定义强调的文字(emphasized)
- del 定义被删除的文字(deleted)
字符实体 标签
- 在html中对空格/回车/tab不敏感,会把多个空格/回车/tab当做一个空格处理
- 在html中,有点字符是被html保留的,有点HTML字符在HTML中是有特殊含义的,不能再浏览器中直接显示,要将这些东西显示出来必须通过字符实体
-   代表一个空格,可叠加
- < 小于
- > 大于
- 其他字符实体请查阅w3c相关网页