HTML学习笔记7 基础标签（终）

写在前面

特此声明，本系列学习笔记内容来源于网络，为加深记忆所做的笔记，内容相当于转载自他处，转载来源为 极客江南的博客，以及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中是有特殊含义的，不能再浏览器中直接显示，要将这些东西显示出来必须通过字符实体
• &nbsp 代表一个空格，可叠加
• &lt 小于
• &gt 大于
• 其他字符实体请查阅w3c相关网页