33岁转职者的前端笔记-DAY 3 什麽是 iframe 及使用心得

iframe 是 写网页常见的语法之一

在进公司前不知道有这语法

但通常一个网页内容 左侧或上方选单都是固定相同的内容，当时我还笨笨的每个分页都复制贴上在改

请教公司资深工程师後才知道可以使用 iframe 真的很方便又省时呢!

什麽是 iframe

iframe 是 一种用来设定嵌入的 HTML 框架，可以在网页内置另一个网页，例如 a 网页可以内置 b 网页、c网页等等。
常见的范例，如在部落格想要引入 Youtube 影片，或是每一页都有相同区块，只是要改中间内容，那就可以使用 iframe的方式去嵌入另外做好的网页内容。

语法范例

      <iframe
        src="https://www.youtube.com/embed/C4DTfP-7VyE"
        width="100%"
        title="YouTube video player"
        frameborder="0"
        allowfullscreen="true"
      >
      </iframe>

嵌入所需的 Youtube 影片之後，我们可以设定影片的宽度、高度、外框参数、卷轴参数等等(本范例只有改宽)

iframe 常见语法属性范例

<iframe src>：可嵌入所需的页面网址。

<iframe height>：可以自定iframe区块的高度。

<iframe width>：自定iframe区块之宽度。

<iframe name>：可以自定该iframe的名称。

frameborder：是否需要显示边框，1是要 2 不要

当然还有很多属性，这里列出目前我有使用过的语法属性。
以使用心得来说，觉得很方便又很快速的可以呈现想要的效果，在开发过程也能更顺利。
对於新手来说，能用简单方式做出公司的专案这也是必需要学的语法呢。