文章目录

• iframe元素
• 在页面中使用flash
• 表格元素
• 其他元素

iframe元素

框架页

通常用于在网页中嵌入另一个页面

iframe 可替换元素

        <iframe src="//player.bilibili.com/player.html?aid=201044217&bvid=BV1Fz411q7pz&cid=202294103&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>/*从b站引用视频过来*/

1. 通常行盒
2. 通常显示的内容取决于元素的属性
3. CSS不能完全控制其中的样式
4. 具有行快盒的特点

在页面中使用flash

object

embed

它们都是可替换元素

MIME(Multipurpose Internet Mail Extensions)

多用途互联网邮件类型：

比如，资源是一个jpg图片，MIME：image/jpeg

表格元素

在css技术出现之前，网页通常使用表格布局。

后台管理系统中可能会使用表格。

前台：面向用户

后台：面向管理员。对界面要求不高，对功能性要求高。

表格不再适用于网页布局？表格的渲染速度过慢。

问题：无法设置表单的边框
原因：
表格，当我们写一个完整的表格我们可以发现，单元格与单元格之间是有一定的缝隙的，边框，顾名思义应该是一个完整的线条，但是现在一个完整的tr是由多个td组合在一起得到的，td与td之间并没有完全覆盖，这玩意无法给tr设置边框

解决办法：
使用border-collapse这个属性就可以解决
有两个预设值：
合并（collapsed ）模式下，表格中相邻单元格共享边框。在这种模式下，CSS属性border-style 的值 inset 表现为槽，值 outset 表现为脊。

分隔（separated）模式是 HTML 表格的传统模式。相邻单元格都拥有不同的边框。边框之间的距离是通过CSS属性 border-spacing 来确定的。

其他元素

1. abbr

缩写词

    <!-- 鼠标移上去会显示全称 -->
    <abbr title="HyperText Markup Language">简称：html</abbr>

2. time

提供给浏览器或搜索引擎阅读的时间

3. b （bold）

以前是一个无语义元素，主要用于加粗字体

    <!-- a被加粗 -->
    <p>这是一个加粗字体<b>a</b></p> 

4. q

一小段引用文本

        <!-- 引用的位置会加上双引号 -->
    <p>这是引用的一小段经典台词：<q>岁月匆匆，我后来爱上过很多女人。她们在我的臂膀中问我爱不爱她们，我都会说爱。但是我最爱的女人，却从未问过我这个问题。</q></p>

5. blockquote

大段引用的文本

6. br

无语义
主要用于在文本中换行

7. hr

无语义
主要用于分割

8. meta

还可以用于搜索引擎优化（SEO）

9. link

链接外部资源（CSS、图标）

rel属性：relation，链接的资源和当前网页的关系

type属性：链接的资源的MIME类型