【HTML】内联框架和语义化标签

`moon`晓龙

已于 2023-08-22 21:29:44 修改

阅读量166

点赞数

分类专栏： html 文章标签： html

于 2021-04-20 22:55:52 首次发布

本文链接：https://blog.csdn.net/MY9_19/article/details/115921352

版权

html 专栏收录该内容

13 篇文章 4 订阅

订阅专栏

文章目录

- iframe内联框架
- 语义化标签

iframe内联框架

什么是iframe框架：

iframe就是在当前页面可以实现嵌套其他的页面，相当于一个小盒子，里面可以加载其他页面

标签：<iframe src="" name=""></frame>

属性：

src 嵌套的页面的地址
name 框架名称，可以实现a标签点击跳转时，目标为内联框架的名称
frameborder 框架的边框
scrolling 设置是否有滑动条

Html示例：
<body>
  <iframe src="www.baidu.com" name="connect-iframe"id="connect-iframe" 
          width="100%" height="800px" scrolling="no" frameborder="0">
  </iframe>
</body>

src	嵌套的页面的地址
name	框架名称，可以实现a标签点击跳转时，目标为内联框架的名称
frameborder	框架的边框
scrolling	设置是否有滑动条

语义化标签

什么是语义化标签：
语义化标签就相当于一个div标签，并没有作用，但是看到便可以知道标签内的内容
看到标签，知道其表达的含义
正确的标签干正确的事情，比如网页标题hn 段落p
优点：

有利于搜索引擎的优化

有利于屏幕阅读者读取

有利于开发者的开发和维护

语义化标签

<header></header> 定义标题
<nav></nav> 定义导航栏
<main></main> 定义主要内容
<article></article> 定义内容
<section></section> 定义内容字段
<aside></aside> 定义侧边栏
<footer></footer> 定义脚部信息

标签图例

`<header></header>`	定义标题
`<nav></nav>`	定义导航栏
`<main></main>`	定义主要内容
`<article></article>`	定义内容
`<section></section>`	定义内容字段
`<aside></aside>`	定义侧边栏
`<footer></footer>`	定义脚部信息