设置超链接,使target指向Iframe中。怎么做?

rainfly99 2003-08-20 03:42:13
<p><a href="2.htm" target=oFrame>2.htm</a></p>

<Iframe id="oFrame" src="1.htm" width="100%" height="100px" style="border: 1px solid black;"></iframe>

它总是会新打开"2.htm",而不是在"oFrame"中打开,应该怎么写?
谢了!
...全文
534 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
rainfly99 2003-08-20
  • 打赏
  • 举报
回复
还是不懂,不好意思,能说得再详细点吗?
wanghr100 2003-08-20
  • 打赏
  • 举报
回复
<p><a href="http://www.cnlk.com" target="oFrame">2.htm</a></p>
<Iframe name="oFrame" src="1.htm" width="100%" height="100px" style="border: 1px solid

black;"></iframe>


name Sets or retrieves the window or frame name.
id Retrieves the string identifying the <IFRAME>.
rainfly99 2003-08-20
  • 打赏
  • 举报
回复
再问下,我直没搞清楚,ID 和Name 有什么区别?
rainfly99 2003-08-20
  • 打赏
  • 举报
回复
高手就是高手!
fason 2003-08-20
  • 打赏
  • 举报
回复
id="oFrame"
==>
name="oFrame"
fason 2003-08-20
  • 打赏
  • 举报
回复
id="oFrame"
==>
name="oFrame"
详尽的前端笔记,包含html和css部分,由xmind8的笔记。css部分:编写的位置 1.内联样式 将样式编写到标签的style属性

这种样式只会对当前标签起作用,不能对样式进行复用,不方便后期维护,不推荐使用 2.内部样式表 将样式表编写到head的style标签 使用内部样式表,进一步将表现和结构分离,可以同时为多个元素设置样式,方便后期的维护 3.外部样式表 将样式表编写到外部的CSS文件,然后通过link标签将外部文件引入 将样式编写到外部样式表,可以在不同的页面使用同一个样式表,完全将表现和结构分离,方便后期的维护,推荐使用的方式 编写的位置 1.内联样式 将样式编写到标签的style属性

这种样式只会对当前标签起作用,不能对样式进行复用,不方便后期维护,不推荐使用 2.内部样式表 将样式表编写到head的style标签 使用内部样式表,进一步将表现和结构分离,可以同时为多个元素设置样式,方便后期的维护 3.外部样式表 将样式表编写到外部的CSS文件,然后通过link标签将外部文件引入 将样式编写到外部样式表,可以在不同的页面使用同一个样式表,完全将表现和结构分离,方便后期的维护,推荐使用的方式 基本语法 选择器 通过选择器可以选页面的一组元素,然后为其设置样式 元素选择器 根据标签名,选页面的指定元素 语法:标签名{ } 例子: div{} p{} h1{} id选择器 根据元素的id属性值选一个唯一的元素 语法:#id {} 例子: #box1{} #hello{} 类选择器 根据元素的class属性值,选一组元素 语法:.class{} 例子: .hello{} .box{} 通配选择器 选页面的所有元素 语法:*{} 通配选择器的性能比较差,尽量避免使用 并集选择器 可以同时选符合多个选择器的元素 语法:选择器1,选择器2,选择器N{} 例子: div,p,#box,.hello{} 交集选择器 可以选满足多个条件的元素 语法:选择器1选择器2选择器N{} 例子:p.hello{} 后代元素选择器 选指定元素的指定后代元素 语法:祖先元素 后代元素{} 例子: div span {} div p{} 子元素选择器 选指定元素的指定子元素 语法:父元素 > 子元素 {} 例子: div > span {} div > p{} 声明块 声明块实际上就是一个一个CSS声明 声明 每一个CSS声明都是一个样式,实际上就是一个名值对的结构 名和值之间使用:链接 :左边是样式的名字 :右边是样式的值 每一个声明以;结尾 例子 color:red; font-size:20px; 元素之间的关系 父元素 直接包含子元素的的元素叫父元素 子元素 直接被父元素包含的元素叫子元素 祖先元素 直接或间接包含后代元素的元素叫祖先元素,父元素也是祖先元素 后代元素 直接或间接被祖先元素包含的元素叫后代元素,子元素也是后代元素 兄弟元素 拥有相同父元素的元素叫兄弟元素 块元素和内联元素 块元素 块元素会独占页面的一行,无论他的内容的多少 一般使用块元素对页面进行布局 常见的块元素 div p h1~h6 内联元素 内联元素只占用自身的大小,不会独占一行 内联元素也叫行内元素(inline) 一般内联元素都是用来为文本来设置效果 常见的内联 span a img 包裹规则 一般都是使用块元素去包裹内联元素,而不会使用内联去包裹块元素 a元素可以包含任意元素,除了a本身 p元素不能包含任何块元素 伪类和伪元素 伪类和伪元素用来表示元素所处的一个特殊的状态,或者是一个特殊的位置 :link 表示一个普通的链接(未访问过的链接) :visited 表示访问过的链接 :hover 鼠标移入的链接,也可以为其他元素设置hover :active 正在被点击的链接,也可以为其他元素设置active :focus 表示元素获取焦点的状态,一般用于文本框 ::selection 表示内容被选的状态 在火狐使用::-moz-selection来代替 :first-letter 表示第一个字符 :first-line 表示文字的第一行 :before 选元素的最前边 一般该伪类都会结合content一起使用,通过content可以向指定位置添加内容 :after 选元素的最后边 一般该伪类都会结合content一起使用,通过content可以向指定位置添加内容 属性选择器 根据元素的属性选择指定元素 [属性名] 选取含有指定属性的元素 [属性名="属性值"] 选取属性值等于指定值的元素 [属性名^="属性值"] 选取属性值以指定内容开头的元素 [属性名$="属性值"] 选取属性值以指定内容结尾的元素 [属性名*="属性值"] 选取属性值包含指定内容的元素 兄弟元素选择器 选取后一个兄弟元素 前一个 + 后一个 选取后边所有的兄弟元素 前一个 ~ 后边所有 子元素的伪类 :first-child 寻找父元素的第一个子元素,在所有的子元素排序 :last-child 寻找父元素的最后一个子元素,在所有的子元素排序 :nth-child 寻找父元素的指定位置子元素,在所有的子元素排序 例子 p:nth-child(3) 可以使用even,来找到偶数的子元素 可以使用odd,来找到奇数的子元素 :first-of-type 寻找指定类型的第一个子元素 :last-of-type 寻找指定类型的最后一个子元素 :nth-of-type 寻找指定类型的指定子元素 否定伪类 从一组元素将符合要求的元素剔除出去 语法: :not(选择器) 例子: .abc:not(div) HTML,超文本标记语言 负责页面的结构,定义出页面的各个组成部分 HTML是采用纯文本的形式的编写,采用HTML标签来标识出页面的不同部分 标签 成对出现 <标签名> 自结束标签 <标签名 /> 属性 通过属性可以设置标签的效果 属性需要定义在开始标签或这自结束标签 属性实际上是一组一组名值对结构 例子: <标签名 属性名="属性值" 属性名="属性值"> <标签名 属性名="属性值" 属性名="属性值" /> HTML页面的基本结构 常用标签 网页的根标签 一个页面有且只有一个根标签 网页的所有内容都需要写在html标签的内部 网页的头部 该标签的内容不会在网页直接显示 该标签用于帮助浏览器解析页面 子标签 用来<em>设置</em>网页的标题 默认会在浏览器的标题栏<em>中</em>显示 搜索引擎检索网页时,会主要检索title<em>中</em>的内容,它会影响到页面在搜索引擎<em>中</em>的排名 <meta> 用来<em>设置</em>网页的元数据,比如网页使用的字符集 <meta charset="utf-8" /> <em>设置</em>网页的关键字 <meta name="keywords" content="关键字,关键字,关键字,关键字"/> <em>设置</em>网页的描述 <meta name="description" content="网页的描述"/> 请求的重定向 <meta http-equiv="refresh" content="秒数;url=地址" /> <body> 网页的主体 网页<em>中</em>所有的可见部分都需要在body<em>中</em>编写 <h1> ~ <h6> 标题标签 在html<em>中</em>一共有六级标题 六级标题<em>中</em>,h1最重要,h6最不重要,一般页面<em>中</em>只会使用h1~h3 h1的重要性仅次于title,浏览器也会主要检索h1<em>中</em>的内容,以判断页面的主要内容 一般一个页面<em>中</em>只能写一个h1 <p> 段落标签 <br /> 换行标签 <hr /> 水平线标签 内联框架 可以向一个页面<em>中</em>引入其他的外部页面 <<em>iframe</em>></<em>iframe</em>> 属性 src 外部页面的地址,可以使用相对路径 width和height 可以<em>设置</em>框架的宽度和高度 name 可以为内联框架指定一个名字 可以将该属性值<em>设置</em>为<em>超链接</em>的<em>target</em>属性的值 这样当点击<em>超链接</em>时,页面将会在相应的内联框架<em>中</em>打开 内联框架<em>中</em>的内容不会被搜索引擎所检索,所以开发<em>中</em>尽量不要使用内联框架 <em>超链接</em> 可以使当前页面跳转到其他的页面 <a>链接的文字</a> 属性 href <em>指向</em>链接跳转的目标地址,可以是一个相对路径 还可以是#id属性值,这样当点击<em>超链接</em>以后,将会跳转到当前页面的指定位置 可以使用mailto:来创建一个发送电子邮件的<em>超链接</em> <em>target</em> 指定在哪个窗口<em>中</em>打开链接 可选值 _self 默认值,默认在当前窗口打开链接 _blank 在新窗口<em>中</em>打开链接 内联框架的name属性值 在指定的内联框架<em>中</em>打开链接 注释 语法 <!-- 注释内容 --> 注释<em>中</em>的内容不会在页面<em>中</em>显示,但是会在源码<em>中</em>显示,我们可以通过注释来说明网页的代码 也可以通过注释隐藏一些页面<em>中</em>不想显示的内容 实体 在HTML页面<em>中</em>一些特殊符号是不能直接使用,需要使用实体来代替这些特殊符号 实体也可以称为转义字符 实体的语法 &实体名; 常用的实体 空格   < < > > 版权符号 © 图片标签 <img /> 使用图片标签可以向页面<em>中</em>引入一个外部图片 属性 src <em>指向</em>一个外部图片的路径,可以使用相对路径 alt 指定一个在图片无法加载时对图片的描述 搜索引擎主要通过该属性来识别图片的内容 如果不写该属性则搜索引擎会对图片进行收录 width <em>设置</em>图片的宽度 height <em>设置</em>图片的高度 图片的格式 JPEG 颜色丰富的图片,如,照片 GIF 颜色单一,简单透明的图片,动态图 PNG 颜色丰富,复杂透明的图片 图片选择的原则 效果一致,用小的 效果不一致,用效果好的 相对路径 相对于当前资源所在的目录的路径 可以使用../返回一级目录,返回几级使用几个../ xHtml语法规范 1.HTML<em>中</em>不区分大小写,但是尽量使用小写 2.HTML的注释不能嵌套 3.标签必须结构完整 要么成对出现 要么自结束标签 4.标签可以嵌套但是不能交叉嵌套 5.属性必须有值,且值必须加引号,单引号双引号都可以 文本标签 <em> 表示语气上的强调 <strong> 表示内容的重要性 <i> 表示单纯的斜体 <b> 表示单纯的加粗 <small> 表示细则一类的内容 <cite> 表示参考的内容,凡是加书名号的都可以使用cite <q> 短引用,行内引用 <blockquote> 长引用,块级引用 <sup> 上标 <sub> 下标 <del> 删除的内容 <ins> 插入的内容 <pre> 预格式标签,可以保留代码<em>中</em>空格换行这些格式 <code> 表示程序代码 列表 无序列表 使用ul来创建一个无序列表,在列表<em>中</em>使用li来表示一个列表项 无序列表使用符号作为项目符号 有序列表 使用ol来创建一个无序列表,在列表<em>中</em>使用li来表示一个列表项 使用有序的序号作为项目符号 定义列表 列表相关的元素都是块元素,他们之间可以互相嵌套 去除项目符号 list-style:none</a></div><div data-report-view="{"mod":"popu_645","index":"2","dest":"https://blog.csdn.net/weixin_30765505/article/details/98073706","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-98073706-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1713499962753_10772\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeZJREFUWEdjZGBgYPhQkSn49/v/EAbG/2oM/xn4QWI0A4wMHxn+M95i5mRcI9Ax/T0jyPI/P/7VM/5n4KKZpVgM/s/I8I2Fg6mR8W1+RioDw39TelqOsIvxNOPbgvRumgc7Lt8xMnxkfJufPmtgfA+xddQBeEOAv7opgImHh5PoKPr169fnOdN3/Xn88DOxevA6QLC9L5KRk4uHWMNA6v59+fz50+TeTf9evvhGjD6qOwDsiI8fPnya2LX537t3Pwg5giYOADvi3Zs3nyZ0bfn36dNvfI6gmQNAlv599fLlxwmd2xi+ffuDsyjAVw6QkwbQLfr76MHDj30duwbMAf+/f/vyvrJoOcUO+Pf82dOv2zadIZSoQPLcXn4mTJJS0iA21Rzw+/6de58n9uwlxgG8+SXOrIoqSlR1ADEWY1NDtRBg+PXrx7+PHz4S4xAmfgF+BjY2DqqGwIBHwb/3797+unzhFjEhwKZroMYkKCRM1RAgxmKapoF/r1+9/HHs8GVslrCISfCzWVpjbdZRLRHiSwOsugZivMkZ/jQNAYa/f//8//UTe+3GyMTMyMGBtd1AtRAY8DQwIA7gTcuxZuDkABcoZIPvP358njXlKFmVEdmWkqBxMHRMBrhrNuCdU1B0DWT3HACwkGScZb+cwwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://blog.csdn.net/weixin_30765505/article/details/98073706" data-report-click="{"mod":"popu_645","index":"2","dest":"https://blog.csdn.net/weixin_30765505/article/details/98073706","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-98073706-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1713499962753_10772\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-98073706-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-98073706-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac>如何实现页面上的<em>超链接</em><em>指向</em>这个嵌入的网页?/ <em>IFRAME</em>标签的使用。</a></div> <a target="_blank" href="https://blog.csdn.net/weixin_30765505/article/details/98073706" data-report-click="{"mod":"popu_645","index":"2","dest":"https://blog.csdn.net/weixin_30765505/article/details/98073706","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-98073706-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1713499962753_10772\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-98073706-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-98073706-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac>如何实现页面上的<em>超链接</em><em>指向</em>这个嵌入的网页?只要给这个<em>iframe</em>命名就可以了。1> 方法是<<em>iframe</em> name=**>,例如我命名为aa,写入这句HTML语言<<em>iframe</em> width=420 height=330 name=aa frameborder=0 src=http://www.cctv.com></<em>iframe</em>>,然后,网页上的<em>超链接</em>语句应...</a></div><div data-report-view="{"mod":"popu_645","index":"3","dest":"https://blog.csdn.net/weixin_57604284/article/details/121535446","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-121535446-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1713499962753_10772\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeZJREFUWEdjZGBgYPhQkSn49/v/EAbG/2oM/xn4QWI0A4wMHxn+M95i5mRcI9Ax/T0jyPI/P/7VM/5n4KKZpVgM/s/I8I2Fg6mR8W1+RioDw39TelqOsIvxNOPbgvRumgc7Lt8xMnxkfJufPmtgfA+xddQBeEOAv7opgImHh5PoKPr169fnOdN3/Xn88DOxevA6QLC9L5KRk4uHWMNA6v59+fz50+TeTf9evvhGjD6qOwDsiI8fPnya2LX537t3Pwg5giYOADvi3Zs3nyZ0bfn36dNvfI6gmQNAlv599fLlxwmd2xi+ffuDsyjAVw6QkwbQLfr76MHDj30duwbMAf+/f/vyvrJoOcUO+Pf82dOv2zadIZSoQPLcXn4mTJJS0iA21Rzw+/6de58n9uwlxgG8+SXOrIoqSlR1ADEWY1NDtRBg+PXrx7+PHz4S4xAmfgF+BjY2DqqGwIBHwb/3797+unzhFjEhwKZroMYkKCRM1RAgxmKapoF/r1+9/HHs8GVslrCISfCzWVpjbdZRLRHiSwOsugZivMkZ/jQNAYa/f//8//UTe+3GyMTMyMGBtd1AtRAY8DQwIA7gTcuxZuDkABcoZIPvP358njXlKFmVEdmWkqBxMHRMBrhrNuCdU1B0DWT3HACwkGScZb+cwwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://blog.csdn.net/weixin_57604284/article/details/121535446" data-report-click="{"mod":"popu_645","index":"3","dest":"https://blog.csdn.net/weixin_57604284/article/details/121535446","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-121535446-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1713499962753_10772\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-121535446-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-121535446-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac>html<em>超链接</em>及框架(<em>iframe</em>)</a></div> <a target="_blank" href="https://blog.csdn.net/weixin_57604284/article/details/121535446" data-report-click="{"mod":"popu_645","index":"3","dest":"https://blog.csdn.net/weixin_57604284/article/details/121535446","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-121535446-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1713499962753_10772\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-121535446-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-121535446-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac>目录 <em>超链接</em> 语法 属性说明 浮动框架 基本语法 属性说明 <em>超链接</em> 语法 <a href="url" name="" title="提示信息" <em>target</em>="窗口名称"><em>超链接</em>标题</a> 属性说明 <em>target</em>属性、值及说明表 属性值 说明 _self 在当前框架<em>中</em>打开链接 _blank 在一个全新的空白窗口<em>中</em>打开链接 _top 在顶层框架<em>中</em>打开链接,也可以理解为在根框架<em>中</em>打开链接 _parent 在当前框架</a></div><div data-report-view="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/qq_26222859/article/details/73741973","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-73741973-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1713499962753_10772\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeZJREFUWEdjZGBgYPhQkSn49/v/EAbG/2oM/xn4QWI0A4wMHxn+M95i5mRcI9Ax/T0jyPI/P/7VM/5n4KKZpVgM/s/I8I2Fg6mR8W1+RioDw39TelqOsIvxNOPbgvRumgc7Lt8xMnxkfJufPmtgfA+xddQBeEOAv7opgImHh5PoKPr169fnOdN3/Xn88DOxevA6QLC9L5KRk4uHWMNA6v59+fz50+TeTf9evvhGjD6qOwDsiI8fPnya2LX537t3Pwg5giYOADvi3Zs3nyZ0bfn36dNvfI6gmQNAlv599fLlxwmd2xi+ffuDsyjAVw6QkwbQLfr76MHDj30duwbMAf+/f/vyvrJoOcUO+Pf82dOv2zadIZSoQPLcXn4mTJJS0iA21Rzw+/6de58n9uwlxgG8+SXOrIoqSlR1ADEWY1NDtRBg+PXrx7+PHz4S4xAmfgF+BjY2DqqGwIBHwb/3797+unzhFjEhwKZroMYkKCRM1RAgxmKapoF/r1+9/HHs8GVslrCISfCzWVpjbdZRLRHiSwOsugZivMkZ/jQNAYa/f//8//UTe+3GyMTMyMGBtd1AtRAY8DQwIA7gTcuxZuDkABcoZIPvP358njXlKFmVEdmWkqBxMHRMBrhrNuCdU1B0DWT3HACwkGScZb+cwwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://blog.csdn.net/qq_26222859/article/details/73741973" data-report-click="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/qq_26222859/article/details/73741973","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-73741973-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1713499962753_10772\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-73741973-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-73741973-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac>a标签的<em>target</em><em>指向</em><em>iframe</em>实现页面局部刷新</a></div> <a target="_blank" href="https://blog.csdn.net/qq_26222859/article/details/73741973" data-report-click="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/qq_26222859/article/details/73741973","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-73741973-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1713499962753_10772\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-73741973-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-73741973-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac><em>iframe</em>的name属性配合a标签的<em>target</em>属性实现页面局部刷新: 页面一代码: html> head lang="en"> meta charset="UTF-8"> title>title> head> body> ul> li>a href="M2.html" <em>target</em>="myFrame">培养目标a>li> li></a></div><div data-report-view="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/ruiguang21/article/details/53585609","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-53585609-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1713499962753_10772\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeZJREFUWEdjZGBgYPhQkSn49/v/EAbG/2oM/xn4QWI0A4wMHxn+M95i5mRcI9Ax/T0jyPI/P/7VM/5n4KKZpVgM/s/I8I2Fg6mR8W1+RioDw39TelqOsIvxNOPbgvRumgc7Lt8xMnxkfJufPmtgfA+xddQBeEOAv7opgImHh5PoKPr169fnOdN3/Xn88DOxevA6QLC9L5KRk4uHWMNA6v59+fz50+TeTf9evvhGjD6qOwDsiI8fPnya2LX537t3Pwg5giYOADvi3Zs3nyZ0bfn36dNvfI6gmQNAlv599fLlxwmd2xi+ffuDsyjAVw6QkwbQLfr76MHDj30duwbMAf+/f/vyvrJoOcUO+Pf82dOv2zadIZSoQPLcXn4mTJJS0iA21Rzw+/6de58n9uwlxgG8+SXOrIoqSlR1ADEWY1NDtRBg+PXrx7+PHz4S4xAmfgF+BjY2DqqGwIBHwb/3797+unzhFjEhwKZroMYkKCRM1RAgxmKapoF/r1+9/HHs8GVslrCISfCzWVpjbdZRLRHiSwOsugZivMkZ/jQNAYa/f//8//UTe+3GyMTMyMGBtd1AtRAY8DQwIA7gTcuxZuDkABcoZIPvP358njXlKFmVEdmWkqBxMHRMBrhrNuCdU1B0DWT3HACwkGScZb+cwwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://blog.csdn.net/ruiguang21/article/details/53585609" data-report-click="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/ruiguang21/article/details/53585609","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-53585609-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1713499962753_10772\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-53585609-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-53585609-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac><em>iframe</em>是什么?<em>iframe</em>用法详解</a></div> <a target="_blank" href="https://blog.csdn.net/ruiguang21/article/details/53585609" data-report-click="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/ruiguang21/article/details/53585609","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-53585609-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1713499962753_10772\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-53585609-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-53585609-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac>经常和网站打交道或者经常建站的朋友对<em>iframe</em>肯定不陌生,网站有了<em>iframe</em>会变得更加美观、大气。对于初涉互联网的新手来说,<em>iframe</em>并不熟悉,那么<em>iframe</em>到底是什么?<em>iframe</em>用法有哪些呢?     <em>iframe</em>是什么   <em>iframe</em>就是我们常用的<em>iframe</em>标签:。<em>iframe</em>标签是框架的一种形式,也比较常用到,<em>iframe</em>一般用来包含别的页面,例如我们可以</a></div></div></div></div> <div class="public_pc_right_footer2020" style="display:none;" data-v-4a5a7f56></div></div> <div id="right-floor-user-content_562" data-editor="{"type":"floor","pageId":143,"floorId":562}" class="user-right-floor right-box main-box detail-user-right" data-v-229a00b0><div class="__vuescroll" style="height:100%;width:100%;padding:0;position:relative;overflow:hidden;"><div class="__panel __hidebar" style="position:relative;box-sizing:border-box;height:100%;overflow-y:hidden;overflow-x:hidden;transform-origin:;transform:;"><div class="__view" style="position:relative;box-sizing:border-box;min-width:100%;min-height:100%;"><!----><div comp-data="[object Object]" baseInfo="[object Object]" community="[object Object]" class="introduce" data-v-4722a3ae><div class="introduce-title" data-v-4722a3ae><div class="img-info" data-v-4722a3ae><a href="https://bbs.csdn.net/forums/HTMLCSS" class="community-img" data-v-4722a3ae><img src="https://img-community.csdnimg.cn/avatar/34450b38a2f048c8a5e780c51b36fb79.png?x-oss-process=image/resize,m_fixed,h_88,w_88" alt data-v-4722a3ae> <div title="CSS" class="community-name" data-v-4722a3ae> CSS </div></a></div></div> <div class="content" data-v-4722a3ae><div class="detail" data-v-4722a3ae><div title="61112" class="item" data-v-4722a3ae><p class="num" data-v-4722a3ae> 61,112 </p> <p class="desc" data-v-4722a3ae> 社区成员 </p></div> <div title="60732" class="item" data-v-4722a3ae><a href="https://bbs.csdn.net/forums/HTMLCSS" target="_blank" data-v-4722a3ae><p class="num" data-v-4722a3ae> 60,732 </p> <p class="desc" data-v-4722a3ae> 社区内容 </p></a></div></div> <div class="detail-btns" data-v-4722a3ae><div class="community-ctrl-btns_wrapper" data-v-0ebf603c data-v-4722a3ae><div class="community-ctrl-btns" data-v-0ebf603c><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-160be461 data-v-0ebf603c><div data-report-click="{"spm":"3001.5975"}" data-v-160be461><img src="https://csdnimg.cn/release/cmsfe/public/img/topic.427195d5.png" alt="" class="img sendTopic" data-v-160be461 data-v-0ebf603c> <span data-v-160be461 data-v-0ebf603c>发帖</span></div> <!----> <!----></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/me.40a70ab0.png" alt="" class="img me" data-v-0ebf603c> <span data-v-0ebf603c>与我相关</span></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/task.87b52881.png" alt="" class="img task" data-v-0ebf603c> <span data-v-0ebf603c>我的任务</span></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div class="community-share" data-v-4ca34db9 data-v-0ebf603c><div class="handle-item share" data-v-ca030a68 data-v-4ca34db9><span height="384" data-v-ca030a68><div role="tooltip" id="el-popover-62" aria-hidden="true" class="el-popover el-popper popo share-popover" style="width:265px;display:none;"><!----><div id="tool-QRcode" class="QRcode" data-v-ca030a68><img src="https://csdnimg.cn/release/cmsfe/public/img/shareBg3.9519d347.png" alt="" class="share-bg" data-v-ca030a68> <div class="share-bg-box" data-v-ca030a68><div class="share-content" data-v-ca030a68><img src="https://img-community.csdnimg.cn/avatar/34450b38a2f048c8a5e780c51b36fb79.png?x-oss-process=image/resize,m_fixed,h_88,w_88" alt="" class="share-avatar" data-v-ca030a68> <div class="share-tit" data-v-ca030a68>CSS</div> <div class="share-dec" data-v-ca030a68>层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。</div> <span class="copy-share-url" data-v-ca030a68>复制链接</span> <div class="shareText" data-v-ca030a68> </div></div> <div class="share-code" data-v-ca030a68><div class="qrcode" data-v-ca030a68></div> <div class="share-code-text" data-v-ca030a68>扫一扫</div></div></div></div> </div><span class="el-popover__reference-wrapper"><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/share-circle.3e0b7822.png" alt="" class="img share" data-v-0ebf603c> <span data-v-0ebf603c>分享</span></div></span></span></div> <!----></div></div></div> <!----> <div data-v-4fb59baf data-v-0ebf603c><div class="el-dialog__wrapper ccloud-pop-outer2" style="display:none;" data-v-4fb59baf><div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog el-dialog--center" style="margin-top:15vh;width:70%;"><div class="el-dialog__header"><span class="el-dialog__title"></span><!----></div><!----><div class="el-dialog__footer"><span class="dialog-footer clearfix" data-v-4fb59baf><div class="confirm-btm fr" data-v-4fb59baf>确定</div></span></div></div></div></div></div></div></div> <div style="display:none;" data-v-4722a3ae data-v-4722a3ae><!----> <div class="introduce-desc" data-v-4722a3ae><div class="introduce-desc-title" data-v-4722a3ae>社区描述</div> <span data-v-4722a3ae> 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。 </span></div></div> <div class="introduce-text" data-v-4722a3ae><div class="label-box" data-v-4722a3ae><!----> <!----> <!----></div></div> <!----> <div class="manage" data-v-4722a3ae><div class="manage-inner" data-v-4722a3ae><span data-v-4722a3ae>社区管理员</span> <ul data-v-4722a3ae><li data-v-4722a3ae><a href="https://blog.csdn.net/community_7" target="_blank" class="start-img" data-v-4722a3ae><img src="https://profile-avatar.csdnimg.cn/default.jpg!1" alt="HTML(CSS)社区" class="el-tooltip item" data-v-4722a3ae data-v-4722a3ae></a></li></ul></div></div> <div class="actions" data-v-4722a3ae><!----> <div style="flex:1;" data-v-4722a3ae><div class="join-btn" data-v-4722a3ae> 加入社区 </div></div> <!----> <!----></div> <div class="el-dialog__wrapper" style="display:none;" data-v-38c57799 data-v-4722a3ae><div role="dialog" aria-modal="true" aria-label="获取链接或二维码" class="el-dialog join-qrcode-dialog" style="margin-top:15vh;width:600px;"><div class="el-dialog__header"><span class="el-dialog__title">获取链接或二维码</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><div class="el-dialog__footer"><span class="dialog-footer" data-v-38c57799></span></div></div></div> <div class="collapse-btn" data-v-4722a3ae><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAgCAYAAACFM/9sAAAAAXNSR0IArs4c6QAAAi1JREFUaEPtl01u01AUhc+N8wMSO4AxzJAqwQpKQsdtbMOICmKnwCKQ2ACDIgotrYKiduIiVZ10B0CBAjtAbICfooomJr3IcUoTiVLb15GNuG/67nm65/M5AxP0iAiQSK1iKEBhCBSgAhQSEMo1gQpQSEAo1wQqQCEBoVwT+K8CnLnWvER8cOHMaf95q9Xaj+vDtp3LPeD83u6p9a2t+U5cfVrzmSTQNOfOgg4+ATDAeNHp/Jza3Fz5HtWUZbl3GXjYn2e+53lL96Nq057LBOD0dOOcUSx8BFAcGHpZLlWmVlfnd08yaJrubRAe/Z77HwEG5kdS1E8StgFc9bzFb8dBrNtukxgLwOAXNEF6T/pAce8zSeDhknXbuUNMQRUHe/BrMNX+BNGyHIdBT45m6VVn36/FqX5cOFHmMwUYJrE5x+CgkuEujLe+361ubLS+HhowzeYtEC8NzWyXy5ValMpHgSCZyRxgsLxpui4Ij4/ShZ1S0aiurS18sSznJoOeDt29AaP6t6pLgMTV5gJgsHTddhvEWBwC9Y6AZww8AFA4Lp1xDac9nxuAYZ37aQuqGgIbPTt+t3tluNppw0jyXq4AhnV2ZkG0PAKR8b5UMiaDSicxOU5N7gCGSXRvMLAygPgB3Jv0vOXP4wSR9O1cAgzMzFxvXDR6hYlK5cd6u93eS2pw3LrcAhy38bTeV4BCkgpQAQoJCOWaQAUoJCCUawIVoJCAUK4JVIBCAkL5L1yapyGdIBwvAAAAAElFTkSuQmCC" alt data-v-4722a3ae></div></div><!----><!----><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="floor-user-right-rank" data-v-3d3affee><div class="el-tabs el-tabs--top" data-v-3d3affee><div class="el-tabs__header is-top"><div class="el-tabs__nav-wrap is-top"><div class="el-tabs__nav-scroll"><div role="tablist" class="el-tabs__nav is-top" style="transform:translateX(-0px);"><div class="el-tabs__active-bar is-top" style="width:0px;transform:translateX(0px);ms-transform:translateX(0px);webkit-transform:translateX(0px);"></div></div></div></div></div><div class="el-tabs__content"><div role="tabpanel" id="pane-integral" aria-labelledby="tab-integral" class="el-tab-pane" data-v-3d3affee></div><div role="tabpanel" aria-hidden="true" id="pane-3" aria-labelledby="tab-3" class="el-tab-pane" style="display:none;" data-v-3d3affee></div><div role="tabpanel" aria-hidden="true" id="pane-5" aria-labelledby="tab-5" class="el-tab-pane" style="display:none;" data-v-3d3affee></div><div role="tabpanel" aria-hidden="true" id="pane-6" aria-labelledby="tab-6" class="el-tab-pane" style="display:none;" data-v-3d3affee></div></div></div> <div class="floor-user-right-rank-score" data-v-608528ce data-v-3d3affee><div class="floor-user-right-rank-score-tabs" data-v-608528ce><ul data-v-608528ce><li data-v-608528ce> 近7日 </li><li data-v-608528ce> 近30日 </li><li class="active" data-v-608528ce> 至今 </li></ul></div> <div class="floor-user-right-rank-common" data-v-46cf600d data-v-608528ce><div class="rank-list" data-v-46cf600d><!----> <div class="no-data loading" data-v-46cf600d><i class="el-icon-loading" data-v-46cf600d></i> <p data-v-46cf600d>加载中</p></div> <!----> <a href="https:///HTMLCSS/rank/list/total" target="_blank" class="show-more" data-v-46cf600d> 查看更多榜单 </a></div></div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="floor comunity-rule" data-v-3cfa4dbd><div class="title" data-v-3cfa4dbd> 社区公告 </div> <div class="contain" data-v-3cfa4dbd><div class="inner-content" data-v-3cfa4dbd>暂无公告</div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="user-right-adimg empty-arr" data-v-15c6aa4f><div class="adImgs" data-v-2a6389b9 data-v-15c6aa4f><!----> <div data-v-2a6389b9><div data-v-2a6389b9></div></div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" community="[object Object]" class="content-right-recommend" data-v-0f781e88><div data-v-3798762e data-v-0f781e88><!----> <!----></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="ai-entrance" data-v-eb1c454c><p data-v-eb1c454c>试试用AI创作助手写篇文章吧</p> <div class="entrance-btn-line" data-v-eb1c454c><a href="https://mp.csdn.net/edit?guide=1" target="_blank" data-report-click="{"spm":"3001.9712"}" data-report-query="spm=3001.9712" class="entrance-btn" data-v-eb1c454c>+ 用AI写文章</a></div></div></div></div></div></div></div></div></div></div></div></div></div> <div> <script type="text/javascript" src="https://g.csdnimg.cn/common/csdn-footer/csdn-footer.js" data-isfootertrack="false" defer></script> </div></div></div><script> window.__INITIAL_STATE__= {"csrf":"xCujoh78-ynC0zlXqOW80Xnw-7igCeEe_Apo","origin":"http:\u002F\u002Fbbs.csdn.net","isMobile":false,"cookie":"uuid_tt_dd=10_3162053700-1713499962704-766832;","ip":"18.216.233.58","pageData":{"page":{"pageId":143,"title":"社区详情","keywords":"社区详情","description":"社区详情","ext":{"isMd":"true","armsfe1":"{pid:\"dyiaei5ihw@1a348e4d05c2c78\",appType:\"web\",imgUrl:\"https:\u002F\u002Farms-retcode.aliyuncs.com\u002Fr.png?\",sendResource:true,enableLinkTrace:true,behavior:true}","redPacketCfg":"{\"presetTitle\":[\"成就一亿技术人!\",\"大吉大利\",\"节日快乐\",\"Bug Free\",\"Hello World\",\"Be Greater Than Average!!\"],\"defaultTitle\":\"成就一亿技术人!\",\"preOpenSty\":{},\"redCardSty\":{}}","blogStar":"[{\"year\":\"2021\",\"enable\":true,\"communityIds\":[3859],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2021\"},{\"year\":\"2022\",\"enable\":true,\"communityIds\":[3860],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2022\"}]","mdVersion":"https:\u002F\u002Fcsdnimg.cn\u002Frelease\u002Fmarkdown-editor\u002F1.1.0\u002Fmarkdown-editor.js","componentSortCfg":"{ \"right\":[\"ratesInfo\",\"cty-profile\",\"pub-comp\",\"user-right-introduce\",\"post-event\",\"my-mission\",\"user-recommend\",\"user-right-rank\",\"user-right-rule\",\"user-right-adimg\"] }","show_1024":"{\"enable\":false,\"useWhitelist\":false,\"whitelist\":[76215],\"home\":\"https:\u002F\u002F1111.csdn.net\u002F\",\"logo\":\"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221104102741.png\",\"hideLive\":true}","iframes":"[\"3859\"]","pageCfg":"{\"disableDownloadPDF\": false,\"hideSponsor\":false}"}},"template":{"templateId":71,"templateComponentName":"ccloud-detail","title":"ccloud-detail","floorList":[{"floorId":562,"floorComponentName":"floor-user-content","title":"社区详情页","description":"社区详情页","indexOrder":3,"componentList":[{"componentName":"baseInfo","componentDataId":"cloud-detail1","componentConfigData":{},"relationType":3},{"componentName":"user-right-introduce","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-recommend","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rank","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rule","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-adimg","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"default2014LiveRoom","componentDataId":"20221024DefaultLiveRoom","componentConfigData":{},"relationType":3}]}]},"data":{"baseInfo":{"customDomain":"","uriName":"HTMLCSS","communityHomePage":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS","owner":{"userName":"community_7","nickName":"HTML(CSS)社区","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","position":"","companyName":""},"user":{"userRole":3,"userName":null,"nickName":null,"avatarUrl":null,"rank":null,"follow":2,"communityBase":null,"joinCollege":null,"isVIP":null},"community":{"name":"CSS","description":"层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。","avatarUrl":"https:\u002F\u002Fimg-community.csdnimg.cn\u002Favatar\u002F34450b38a2f048c8a5e780c51b36fb79.png?x-oss-process=image\u002Fresize,m_fixed,h_88,w_88","qrCode":"","createTime":"2007-09-28","communityAvatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","communityNotice":null,"userCount":61112,"contentCount":60732,"followersCount":31768,"communityRule":"","communityId":126,"bgImage":"","hashId":"mgwm1ywl","domain":"","uriName":"HTMLCSS","externalDisplay":1,"adBanner":{"img":"","url":"","adType":0,"adCon":null},"rightBanner":{"img":"","url":"","adType":0,"adCon":null},"tagId":null,"tagName":null,"communityType":1,"communityApplyUrl":"https:\u002F\u002Fmarketing.csdn.net\u002Fquestions\u002FQ2106040308026533763","joinType":0,"visibleType":0,"collapse":0,"topicMoveAble":0,"allowActions":{},"communityOwner":"community_7","tagNameInfo":{"provinceTag":null,"areaTag":null,"technologyTags":null,"customTags":null}},"tabList":[{"tabId":1285,"tabName":"全部","tabUrl":"","tabSwitch":1,"tabType":4,"tabContribute":0,"cardType":0,"indexOrder":-1,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS?typeId=1285","iframe":false,"sortType":1},{"tabId":874,"tabName":"问答","tabUrl":"https:\u002F\u002Fask.csdn.net\u002Flist\u002F11\u002Ftag\u002F549","tabSwitch":1,"tabType":0,"tabContribute":0,"indexOrder":0,"iframe":true,"sortType":1},{"tabId":4055690,"tabName":"博文收录","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":19,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS?typeId=4055690","iframe":false,"sortType":1},{"tabId":1637781,"tabName":"Ada助手","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":20,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS?typeId=1637781","iframe":false,"sortType":1}],"dataResource":{"mediaType":"c_cloud","subResourceType":"8_c_cloud_long_text","showType":"long_text","tabId":0,"communityName":"CSS","communityHomePageUrl":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTMLCSS","communityType":1,"content":{"id":"40056117","contentId":40056117,"cateId":0,"cateName":null,"url":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F40056117","shareUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F40056117","createTime":"2003-08-20 03:42:13","updateTime":"2021-05-28 13:20:46","resourceUsername":"rainfly99","best":0,"top":0,"text":null,"publishDate":"2003-08-20","lastReplyDate":"2003-08-20","type":"13","nickname":"rainfly99","avatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","username":"rainfly99","commentCount":6,"diggNum":0,"digg":false,"viewCount":534,"hit":false,"resourceSource":6,"status":10,"taskStatus":null,"expired":false,"taskCate":0,"taskAward":0,"taskExpired":null,"checkRedPacket":null,"avgScore":0,"totalScore":0,"topicTitle":"设置超链接,使target指向Iframe中。怎么做?","insertFirst":false,"likeInfo":null,"description":"2.htm 它总是会新打开\"2.htm\",而不是在\"oFrame\"中打开,应该怎么写? 谢了! ","coverImg":"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221027062414.png","content":"<p><a href="2.htm" target=oFrame>2.htm<\u002Fa><\u002Fp>\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n<Iframe id="oFrame" src="1.htm" width="100%" height="100px" style="border: 1px solid black;"><\u002Fiframe> \u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n它总是会新打开"2.htm",而不是在"oFrame"中打开,应该怎么写?\u003Cbr \u002F\u003E\n谢了!\u003Cbr \u002F\u003E\n","mdContent":null,"pictures":null,"videoInfo":null,"linkInfo":null,"student":{"isCertification":false,"org":"","bala":""},"employee":{"isCertification":false,"org":"","bala":""},"userCertification":[],"dependId":"0","dependSubType":null,"videoUrl":null,"favoriteCount":0,"favoriteStatus":false,"taskType":null,"defaultScore":null,"syncAsk":false,"videoPlayLength":null},"communityUser":null,"allowPost":false,"submitHistory":[{"user":{"registerurl":"https:\u002F\u002Fg.csdnimg.cn\u002Fstatic\u002Fuser-reg-year\u002F1x\u002F22.png","avatarurl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","nickname":"rainfly99","selfdesc":"","createdate":"2002-03-18 15:38:00","days":"8068","years":"22","username":"rainfly99","school":null,"company":null,"job":null},"userName":"rainfly99","event":"创建了帖子","body":"2003-08-20 03:42","editId":null}],"resourceExt":{}},"contentReply":{"pageNo":1,"pageSize":20,"totalPages":1,"totalCount":6,"total":0,"list":[{"hit":null,"hitMsg":null,"content":"还是不懂,不好意思,能说得再详细点吗?","topicTitle":null,"description":"还是不懂,不好意思,能说得再详细点吗?","id":23921923,"contentResourceId":40056117,"bindContentResourceId":0,"communityId":126,"username":"rainfly99","userNickName":"rainfly99","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":0,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2003-08-20 04:12:21","updateTime":"2003-08-20 04:12:21","formatTime":"2003-08-20","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"<p><a href="http:\u002F\u002Fwww.cnlk.com" target="oFrame">2.htm<\u002Fa><\u002Fp>\u003Cbr \u002F\u003E\n<Iframe name="oFrame" src="1.htm" width="100%" height="100px" style="border: 1px solid \u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\nblack;"><\u002Fiframe> \u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\nname Sets or retrieves the window or frame name. \u003Cbr \u002F\u003E\nid Retrieves the string identifying the <IFRAME>.","topicTitle":null,"description":"\u003Cp\u003E\u003Ca href=\"http:\u002F\u002Fwww.cnlk.com\" target=\"oFrame\"\u003E2.htm\u003C\u002Fa\u003E\u003C\u002Fp\u003E \u003CIframe name=\"oFrame\" src=\"1.htm\" width=\"100%\" height=\"100px\" style=\"border: 1px solid black;\"\u003E\u003C\u002Fiframe\u003E name Sets or retrieves the window or frame name. id Retrieves the string identifyi","id":23921598,"contentResourceId":40056117,"bindContentResourceId":0,"communityId":126,"username":"wanghr100","userNickName":"wanghr100","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":0,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2003-08-20 04:05:05","updateTime":"2003-08-20 04:05:05","formatTime":"2003-08-20","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"再问下,我直没搞清楚,ID 和Name 有什么区别?","topicTitle":null,"description":"再问下,我直没搞清楚,ID 和Name 有什么区别?","id":23921354,"contentResourceId":40056117,"bindContentResourceId":0,"communityId":126,"username":"rainfly99","userNickName":"rainfly99","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":0,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2003-08-20 03:59:44","updateTime":"2003-08-20 03:59:44","formatTime":"2003-08-20","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"高手就是高手!\u003Cbr \u002F\u003E\n","topicTitle":null,"description":"高手就是高手! ","id":23921259,"contentResourceId":40056117,"bindContentResourceId":0,"communityId":126,"username":"rainfly99","userNickName":"rainfly99","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":0,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2003-08-20 03:57:42","updateTime":"2003-08-20 03:57:42","formatTime":"2003-08-20","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"id="oFrame"\u003Cbr \u002F\u003E\n==>\u003Cbr \u002F\u003E\nname="oFrame"","topicTitle":null,"description":"id=\"oFrame\" ==\u003E name=\"oFrame\"","id":23920761,"contentResourceId":40056117,"bindContentResourceId":0,"communityId":126,"username":"fason","userNickName":"fason","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fb90033d54459448e9351b94d962c746e_fason.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":0,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2003-08-20 03:45:35","updateTime":"2003-08-20 03:45:35","formatTime":"2003-08-20","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"id="oFrame"\u003Cbr \u002F\u003E\n==>\u003Cbr \u002F\u003E\nname="oFrame"","topicTitle":null,"description":"id=\"oFrame\" ==\u003E name=\"oFrame\"","id":23920736,"contentResourceId":40056117,"bindContentResourceId":0,"communityId":126,"username":"fason","userNickName":"fason","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fb90033d54459448e9351b94d962c746e_fason.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":0,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2003-08-20 03:45:15","updateTime":"2003-08-20 03:45:15","formatTime":"2003-08-20","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null}],"maxPageSize":3000},"defaultActiveTab":1285,"recommends":[{"url":"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fhgx_suiyuesusu\u002F9979365","title":"前端css+html+布局笔记","desc":"详尽的前端笔记,包含html和css部分,由xmind8\u003Cem\u003E做\u003C\u002Fem\u003E的笔记。css部分:编写的位置\n\t1.内联样式\n\t\t将样式编写到标签的style属性\u003Cem\u003E中\u003C\u002Fem\u003E\n\t\t\u003Cp style=\"color:red;\"\u003E\u003C\u002Fp\u003E\n\t\t这种样式只会对当前标签起作用,不能对样式进行复用,不方便后期维护,不推荐使用\n\t2.内部样式表\n\t\t将样式表编写到head\u003Cem\u003E中\u003C\u002Fem\u003E的style标签\u003Cem\u003E中\u003C\u002Fem\u003E\n\t\t\u003Cstyle type=\"text\u002Fcss\"\u003E\u003C\u002Fstyle\u003E\n\t\t使用内部样式表,进一步将表现和结构分离,可以同时为多个元素\u003Cem\u003E设置\u003C\u002Fem\u003E样式,方便后期的维护\n\t3.外部样式表\n\t\t将样式表编写到外部的CSS文件\u003Cem\u003E中\u003C\u002Fem\u003E,然后通过link标签将外部文件引入\n\t\t\u003Clink rel=\"stylesheet\" type=\"text\u002Fcss\" href=\"文件的路径\"\u002F\u003E\n\t\t将样式编写到外部样式表\u003Cem\u003E中\u003C\u002Fem\u003E,可以在不同的页面\u003Cem\u003E中\u003C\u002Fem\u003E使用同一个样式表,完全将表现和结构分离,方便后期的维护,推荐使用的方式\n编写的位置\n\t1.内联样式\n\t\t将样式编写到标签的style属性\u003Cem\u003E中\u003C\u002Fem\u003E\n\t\t\u003Cp style=\"color:red;\"\u003E\u003C\u002Fp\u003E\n\t\t这种样式只会对当前标签起作用,不能对样式进行复用,不方便后期维护,不推荐使用\n\t2.内部样式表\n\t\t将样式表编写到head\u003Cem\u003E中\u003C\u002Fem\u003E的style标签\u003Cem\u003E中\u003C\u002Fem\u003E\n\t\t\u003Cstyle type=\"text\u002Fcss\"\u003E\u003C\u002Fstyle\u003E\n\t\t使用内部样式表,进一步将表现和结构分离,可以同时为多个元素\u003Cem\u003E设置\u003C\u002Fem\u003E样式,方便后期的维护\n\t3.外部样式表\n\t\t将样式表编写到外部的CSS文件\u003Cem\u003E中\u003C\u002Fem\u003E,然后通过link标签将外部文件引入\n\t\t\u003Clink rel=\"stylesheet\" type=\"text\u002Fcss\" href=\"文件的路径\"\u002F\u003E\n\t\t将样式编写到外部样式表\u003Cem\u003E中\u003C\u002Fem\u003E,可以在不同的页面\u003Cem\u003E中\u003C\u002Fem\u003E使用同一个样式表,完全将表现和结构分离,方便后期的维护,推荐使用的方式\n基本语法\n\t选择器\n\t\t通过选择器可以选\u003Cem\u003E中\u003C\u002Fem\u003E页面\u003Cem\u003E中\u003C\u002Fem\u003E的一组元素,然后为其\u003Cem\u003E设置\u003C\u002Fem\u003E样式\n\t\t元素选择器\n\t\t\t根据标签名,选\u003Cem\u003E中\u003C\u002Fem\u003E页面\u003Cem\u003E中\u003C\u002Fem\u003E的指定元素\n\t\t\t语法:标签名{ }\n\t\t\t例子:\n\t\t\t\tdiv{}\n\t\t\t\tp{}\n\t\t\t\th1{}\n\t\tid选择器\n\t\t\t根据元素的id属性值选\u003Cem\u003E中\u003C\u002Fem\u003E一个唯一的元素\n\t\t\t语法:#id {}\n\t\t\t例子:\n\t\t\t\t#box1{}\n\t\t\t\t#hello{}\n\t\t类选择器\n\t\t\t根据元素的class属性值,选\u003Cem\u003E中\u003C\u002Fem\u003E一组元素\n\t\t\t语法:.class{}\n\t\t\t例子:\n\t\t\t\t.hello{}\n\t\t\t\t.box{}\n\t\t通配选择器\n\t\t\t选\u003Cem\u003E中\u003C\u002Fem\u003E页面\u003Cem\u003E中\u003C\u002Fem\u003E的所有元素\n\t\t\t语法:*{}\n\t\t\t通配选择器的性能比较差,尽量避免使用\n\t\t并集选择器\n\t\t\t可以同时选\u003Cem\u003E中\u003C\u002Fem\u003E符合多个选择器的元素\n\t\t\t语法:选择器1,选择器2,选择器N{}\n\t\t\t例子:\n\t\t\t\tdiv,p,#box,.hello{}\n\t\t交集选择器\n\t\t\t可以选\u003Cem\u003E中\u003C\u002Fem\u003E满足多个条件的元素\n\t\t\t语法:选择器1选择器2选择器N{}\n\t\t\t例子:p.hello{}\n\t\t后代元素选择器\n\t\t\t选\u003Cem\u003E中\u003C\u002Fem\u003E指定元素的指定后代元素\n\t\t\t语法:祖先元素 后代元素{}\n\t\t\t例子:\n\t\t\t\tdiv span {}\n\t\t\t\tdiv p{}\n\t\t子元素选择器\n\t\t\t选\u003Cem\u003E中\u003C\u002Fem\u003E指定元素的指定子元素\n\t\t\t语法:父元素 \u003E 子元素 {}\n\t\t\t例子:\n\t\t\t\tdiv \u003E span {}\n\t\t\t\tdiv \u003E p{}\n\t声明块\n\t\t声明块\u003Cem\u003E中\u003C\u002Fem\u003E实际上就是一个一个CSS声明\n\t\t声明\n\t\t\t每一个CSS声明都是一个样式,实际上就是一个名值对的结构\n\t\t\t名和值之间使用:链接\n\t\t\t:左边是样式的名字\n\t\t\t:右边是样式的值\n\t\t\t每一个声明以;结尾\n\t\t\t例子\n\t\t\t\tcolor:red;\n\t\t\t\tfont-size:20px;\n元素之间的关系\n\t父元素\n\t\t直接包含子元素的的元素叫\u003Cem\u003E做\u003C\u002Fem\u003E父元素\n\t子元素\n\t\t直接被父元素包含的元素叫\u003Cem\u003E做\u003C\u002Fem\u003E子元素\n\t祖先元素\n\t\t直接或间接包含后代元素的元素叫\u003Cem\u003E做\u003C\u002Fem\u003E祖先元素,父元素也是祖先元素\n\t后代元素\n\t\t直接或间接被祖先元素包含的元素叫后代元素,子元素也是后代元素\n\t兄弟元素\n\t\t拥有相同父元素的元素叫\u003Cem\u003E做\u003C\u002Fem\u003E兄弟元素\n块元素和内联元素\n\t块元素\n\t\t块元素会独占页面\u003Cem\u003E中\u003C\u002Fem\u003E的一行,无论他的内容的多少\n\t\t一般使用块元素对页面进行布局\n\t\t常见的块元素\n\t\t\tdiv\n\t\t\tp\n\t\t\th1~h6\n\t内联元素\n\t\t内联元素只占用自身的大小,不会独占一行\n\t\t内联元素也叫行内元素(inline)\n\t\t一般内联元素都是用来为文本来\u003Cem\u003E设置\u003C\u002Fem\u003E效果\n\t\t常见的内联\n\t\t\tspan\n\t\t\ta\n\t\t\timg\n\t包裹规则\n\t\t一般都是使用块元素去包裹内联元素,而不会使用内联去包裹块元素\n\t\ta元素可以包含任意元素,除了a本身\n\t\tp元素不能包含任何块元素\n伪类和伪元素\n\t伪类和伪元素用来表示元素所处的一个特殊的状态,或者是一个特殊的位置\n\t:link\n\t\t表示一个普通的链接(未访问过的链接)\n\t:visited\n\t\t表示访问过的链接\n\t:hover\n\t\t鼠标移入的链接,也可以为其他元素\u003Cem\u003E设置\u003C\u002Fem\u003Ehover\n\t:active\n\t\t正在被点击的链接,也可以为其他元素\u003Cem\u003E设置\u003C\u002Fem\u003Eactive\n\t:focus\n\t\t表示元素获取焦点的状态,一般用于文本框\n\t::selection\n\t\t表示内容被选\u003Cem\u003E中\u003C\u002Fem\u003E的状态\n\t\t在火狐\u003Cem\u003E中\u003C\u002Fem\u003E使用::-moz-selection来代替\n\t:first-letter\n\t\t表示第一个字符\n\t:first-line\n\t\t表示文字的第一行\n\t:before\n\t\t选\u003Cem\u003E中\u003C\u002Fem\u003E元素的最前边\n\t\t一般该伪类都会结合content一起使用,通过content可以向指定位置添加内容\n\t:after\n\t\t选\u003Cem\u003E中\u003C\u002Fem\u003E元素的最后边\n\t\t一般该伪类都会结合content一起使用,通过content可以向指定位置添加内容\n属性选择器\n\t根据元素的属性选择指定元素\n\t[属性名]\n\t\t选取含有指定属性的元素\n\t[属性名=\"属性值\"]\n\t\t选取属性值等于指定值的元素\n\t[属性名^=\"属性值\"]\n\t\t选取属性值以指定内容开头的元素\n\t[属性名$=\"属性值\"]\n\t\t选取属性值以指定内容结尾的元素\n\t[属性名*=\"属性值\"]\n\t\t选取属性值\u003Cem\u003E中\u003C\u002Fem\u003E包含指定内容的元素\n兄弟元素选择器\n\t选取后一个兄弟元素\n\t\t前一个 + 后一个\n\t选取后边所有的兄弟元素\n\t\t前一个 ~ 后边所有\n子元素的伪类\n\t:first-child\n\t\t寻找父元素的第一个子元素,在所有的子元素\u003Cem\u003E中\u003C\u002Fem\u003E排序\n\t:last-child\n\t\t寻找父元素的最后一个子元素,在所有的子元素\u003Cem\u003E中\u003C\u002Fem\u003E排序\n\t:nth-child\n\t\t寻找父元素\u003Cem\u003E中\u003C\u002Fem\u003E的指定位置子元素,在所有的子元素\u003Cem\u003E中\u003C\u002Fem\u003E排序\n\t\t例子\n\t\t\tp:nth-child(3)\n\t\t\t可以使用even,来找到偶数的子元素\n\t\t\t可以使用odd,来找到奇数的子元素\n\t:first-of-type\n\t\t寻找指定类型\u003Cem\u003E中\u003C\u002Fem\u003E的第一个子元素\n\t:last-of-type\n\t\t寻找指定类型\u003Cem\u003E中\u003C\u002Fem\u003E的最后一个子元素\n\t:nth-of-type\n\t\t寻找指定类型\u003Cem\u003E中\u003C\u002Fem\u003E的指定子元素\n否定伪类\n\t从一组元素\u003Cem\u003E中\u003C\u002Fem\u003E将符合要求的元素剔除出去\n\t语法:\n\t\t:not(选择器)\n\t例子:\n\t\t.abc:not(div)\nHTML,超文本标记语言\n负责页面\u003Cem\u003E中\u003C\u002Fem\u003E的结构,定义出页面\u003Cem\u003E中\u003C\u002Fem\u003E的各个组成部分\nHTML是采用纯文本的形式的编写,采用HTML标签来标识出页面\u003Cem\u003E中\u003C\u002Fem\u003E的不同部分\n标签\n\t成对出现\n\t\t\u003C标签名\u003E\u003C\u002F标签名\u003E\n\t自结束标签\n\t\t\u003C标签名 \u002F\u003E\n属性\n\t通过属性可以\u003Cem\u003E设置\u003C\u002Fem\u003E标签的效果\n\t属性需要定义在开始标签\u003Cem\u003E中\u003C\u002Fem\u003E或这自结束标签\u003Cem\u003E中\u003C\u002Fem\u003E\n\t属性实际上是一组一组名值对结构\n\t例子:\n\t\t\u003C标签名 属性名=\"属性值\" 属性名=\"属性值\"\u003E\u003C\u002F标签名\u003E\n\t\t\u003C标签名 属性名=\"属性值\" 属性名=\"属性值\" \u002F\u003E\nHTML页面的基本结构\n常用标签\n\t\u003Chtml\u003E\n\t\t网页的根标签\n\t\t一个页面\u003Cem\u003E中\u003C\u002Fem\u003E有且只有一个根标签\n\t\t网页\u003Cem\u003E中\u003C\u002Fem\u003E的所有内容都需要写在html标签的内部\n\t\u003Chead\u003E\n\t\t网页的头部\n\t\t该标签\u003Cem\u003E中\u003C\u002Fem\u003E的内容不会在网页\u003Cem\u003E中\u003C\u002Fem\u003E直接显示\n\t\t该标签用于帮助浏览器解析页面\n\t\t子标签\n\t\t\t\u003Ctitle\u003E\n\t\t\t\t用来\u003Cem\u003E设置\u003C\u002Fem\u003E网页的标题\n\t\t\t\t默认会在浏览器的标题栏\u003Cem\u003E中\u003C\u002Fem\u003E显示\n\t\t\t\t搜索引擎检索网页时,会主要检索title\u003Cem\u003E中\u003C\u002Fem\u003E的内容,它会影响到页面在搜索引擎\u003Cem\u003E中\u003C\u002Fem\u003E的排名\n\t\t\t\u003Cmeta\u003E\n\t\t\t\t用来\u003Cem\u003E设置\u003C\u002Fem\u003E网页的元数据,比如网页使用的字符集\n\t\t\t\t\t\u003Cmeta charset=\"utf-8\" \u002F\u003E\n\t\t\t\t\u003Cem\u003E设置\u003C\u002Fem\u003E网页的关键字\n\t\t\t\t\t\u003Cmeta name=\"keywords\" content=\"关键字,关键字,关键字,关键字\"\u002F\u003E\n\t\t\t\t\u003Cem\u003E设置\u003C\u002Fem\u003E网页的描述\n\t\t\t\t\t\u003Cmeta name=\"description\" content=\"网页的描述\"\u002F\u003E\n\t\t\t\t请求的重定向\n\t\t\t\t\t\u003Cmeta http-equiv=\"refresh\" content=\"秒数;url=地址\" \u002F\u003E\n\t\u003Cbody\u003E\n\t\t网页的主体\n\t\t网页\u003Cem\u003E中\u003C\u002Fem\u003E所有的可见部分都需要在body\u003Cem\u003E中\u003C\u002Fem\u003E编写\n\t\u003Ch1\u003E ~ \u003Ch6\u003E\n\t\t标题标签\n\t\t在html\u003Cem\u003E中\u003C\u002Fem\u003E一共有六级标题\n\t\t六级标题\u003Cem\u003E中\u003C\u002Fem\u003E,h1最重要,h6最不重要,一般页面\u003Cem\u003E中\u003C\u002Fem\u003E只会使用h1~h3\n\t\th1的重要性仅次于title,浏览器也会主要检索h1\u003Cem\u003E中\u003C\u002Fem\u003E的内容,以判断页面的主要内容\n\t\t一般一个页面\u003Cem\u003E中\u003C\u002Fem\u003E只能写一个h1\n\t\u003Cp\u003E\n\t\t段落标签\n\t\u003Cbr \u002F\u003E\n\t\t换行标签\n\t\u003Chr \u002F\u003E\n\t\t水平线标签\n\t内联框架\n\t\t可以向一个页面\u003Cem\u003E中\u003C\u002Fem\u003E引入其他的外部页面\n\t\t\u003C\u003Cem\u003Eiframe\u003C\u002Fem\u003E\u003E\u003C\u002F\u003Cem\u003Eiframe\u003C\u002Fem\u003E\u003E\n\t\t属性\n\t\t\tsrc\n\t\t\t\t外部页面的地址,可以使用相对路径\n\t\t\twidth和height\n\t\t\t\t可以\u003Cem\u003E设置\u003C\u002Fem\u003E框架的宽度和高度\n\t\t\tname\n\t\t\t\t可以为内联框架指定一个名字\n\t\t\t\t可以将该属性值\u003Cem\u003E设置\u003C\u002Fem\u003E为\u003Cem\u003E超链接\u003C\u002Fem\u003E的\u003Cem\u003Etarget\u003C\u002Fem\u003E属性的值\n\t\t\t\t这样当点击\u003Cem\u003E超链接\u003C\u002Fem\u003E时,页面将会在相应的内联框架\u003Cem\u003E中\u003C\u002Fem\u003E打开\n\t\t内联框架\u003Cem\u003E中\u003C\u002Fem\u003E的内容不会被搜索引擎所检索,所以开发\u003Cem\u003E中\u003C\u002Fem\u003E尽量不要使用内联框架\n\t\u003Cem\u003E超链接\u003C\u002Fem\u003E\n\t\t可以使当前页面跳转到其他的页面\n\t\t\u003Ca\u003E链接的文字\u003C\u002Fa\u003E\n\t\t属性\n\t\t\thref\n\t\t\t\t\u003Cem\u003E指向\u003C\u002Fem\u003E链接跳转的目标地址,可以是一个相对路径\n\t\t\t\t还可以是#id属性值,这样当点击\u003Cem\u003E超链接\u003C\u002Fem\u003E以后,将会跳转到当前页面的指定位置\n\t\t\t\t可以使用mailto:来创建一个发送电子邮件的\u003Cem\u003E超链接\u003C\u002Fem\u003E\n\t\t\t\u003Cem\u003Etarget\u003C\u002Fem\u003E\n\t\t\t\t指定在哪个窗口\u003Cem\u003E中\u003C\u002Fem\u003E打开链接\n\t\t\t\t可选值\n\t\t\t\t\t_self\n\t\t\t\t\t\t默认值,默认在当前窗口打开链接\n\t\t\t\t\t_blank\n\t\t\t\t\t\t在新窗口\u003Cem\u003E中\u003C\u002Fem\u003E打开链接\n\t\t\t\t\t内联框架的name属性值\n\t\t\t\t\t\t在指定的内联框架\u003Cem\u003E中\u003C\u002Fem\u003E打开链接\n注释\n\t语法\n\t\t\u003C!-- 注释内容 --\u003E\n\t注释\u003Cem\u003E中\u003C\u002Fem\u003E的内容不会在页面\u003Cem\u003E中\u003C\u002Fem\u003E显示,但是会在源码\u003Cem\u003E中\u003C\u002Fem\u003E显示,我们可以通过注释来说明网页的代码\n\t也可以通过注释隐藏一些页面\u003Cem\u003E中\u003C\u002Fem\u003E不想显示的内容\n实体\n\t在HTML页面\u003Cem\u003E中\u003C\u002Fem\u003E一些特殊符号是不能直接使用,需要使用实体来代替这些特殊符号\n\t实体也可以称为转义字符\n\t实体的语法\n\t\t&实体名;\n\t常用的实体\n\t\t空格\n\t\t\t \n\t\t\u003C\n\t\t\t<\n\t\t\u003E\n\t\t\t>\n\t\t版权符号\n\t\t\t©\n图片标签\n\t\u003Cimg \u002F\u003E\n\t使用图片标签可以向页面\u003Cem\u003E中\u003C\u002Fem\u003E引入一个外部图片\n\t属性\n\t\tsrc\n\t\t\t\u003Cem\u003E指向\u003C\u002Fem\u003E一个外部图片的路径,可以使用相对路径\n\t\talt\n\t\t\t指定一个在图片无法加载时对图片的描述\n\t\t\t搜索引擎主要通过该属性来识别图片的内容\n\t\t\t如果不写该属性则搜索引擎会对图片进行收录\n\t\twidth\n\t\t\t\u003Cem\u003E设置\u003C\u002Fem\u003E图片的宽度\n\t\theight\n\t\t\t\u003Cem\u003E设置\u003C\u002Fem\u003E图片的高度\n\t图片的格式\n\t\tJPEG\n\t\t\t颜色丰富的图片,如,照片\n\t\tGIF\n\t\t\t颜色单一,简单透明的图片,动态图\n\t\tPNG\n\t\t\t颜色丰富,复杂透明的图片\n\t\t图片选择的原则\n\t\t\t效果一致,用小的\n\t\t\t效果不一致,用效果好的\n相对路径\n\t相对于当前资源所在的目录的路径\n\t可以使用..\u002F返回一级目录,返回几级使用几个..\u002F\nxHtml语法规范\n\t1.HTML\u003Cem\u003E中\u003C\u002Fem\u003E不区分大小写,但是尽量使用小写\n\t2.HTML的注释不能嵌套\n\t3.标签必须结构完整\n\t\t要么成对出现\n\t\t要么自结束标签\n\t4.标签可以嵌套但是不能交叉嵌套\n\t5.属性必须有值,且值必须加引号,单引号双引号都可以\n文本标签\n\t\u003Cem\u003E\n\t\t表示语气上的强调\n\t\u003Cstrong\u003E\n\t\t表示内容的重要性\n\t\u003Ci\u003E\n\t\t表示单纯的斜体\n\t\u003Cb\u003E\n\t\t表示单纯的加粗\n\t\u003Csmall\u003E\n\t\t表示细则一类的内容\n\t\u003Ccite\u003E\n\t\t表示参考的内容,凡是加书名号的都可以使用cite\n\t\u003Cq\u003E\n\t\t短引用,行内引用\n\t\u003Cblockquote\u003E\n\t\t长引用,块级引用\n\t\u003Csup\u003E\n\t\t上标\n\t\u003Csub\u003E\n\t\t下标\n\t\u003Cdel\u003E\n\t\t删除的内容\n\t\u003Cins\u003E\n\t\t插入的内容\n\t\u003Cpre\u003E\n\t\t预格式标签,可以保留代码\u003Cem\u003E中\u003C\u002Fem\u003E空格换行这些格式\n\t\u003Ccode\u003E\n\t\t表示程序代码\n列表\n\t无序列表\n\t\t使用ul来创建一个无序列表,在列表\u003Cem\u003E中\u003C\u002Fem\u003E使用li来表示一个列表项\n\t\t无序列表使用符号作为项目符号\n\t有序列表\n\t\t使用ol来创建一个无序列表,在列表\u003Cem\u003E中\u003C\u002Fem\u003E使用li来表示一个列表项\n\t\t使用有序的序号作为项目符号\n\t定义列表\n\t列表相关的元素都是块元素,他们之间可以互相嵌套\n\t去除项目符号\n\t\tlist-style:none","createTime":"2017-09-14 20:03:59","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-9979365-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-9979365-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fhgx_suiyuesusu\u002F9979365\",\"strategy\":\"2~default~OPENSEARCH~Paid\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-9979365-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1713499962753_10772\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fhgx_suiyuesusu\u002F9979365\",\"strategy\":\"2~default~OPENSEARCH~Paid\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-9979365-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1713499962753_10772\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"download"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fweixin_30765505\u002Farticle\u002Fdetails\u002F98073706","title":"如何实现页面上的\u003Cem\u003E超链接\u003C\u002Fem\u003E\u003Cem\u003E指向\u003C\u002Fem\u003E这个嵌入的网页?\u002F \u003Cem\u003EIFRAME\u003C\u002Fem\u003E标签的使用。","desc":"如何实现页面上的\u003Cem\u003E超链接\u003C\u002Fem\u003E\u003Cem\u003E指向\u003C\u002Fem\u003E这个嵌入的网页?只要给这个\u003Cem\u003Eiframe\u003C\u002Fem\u003E命名就可以了。1> 方法是<\u003Cem\u003Eiframe\u003C\u002Fem\u003E name=**>,例如我命名为aa,写入这句HTML语言<\u003Cem\u003Eiframe\u003C\u002Fem\u003E width=420 height=330 name=aa frameborder=0 src=http:\u002F\u002Fwww.cctv.com><\u002F\u003Cem\u003Eiframe\u003C\u002Fem\u003E>,然后,网页上的\u003Cem\u003E超链接\u003C\u002Fem\u003E语句应...","createTime":"2006-08-11 14:29:00","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-98073706-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-98073706-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_30765505\u002Farticle\u002Fdetails\u002F98073706\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-98073706-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1713499962753_10772\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_30765505\u002Farticle\u002Fdetails\u002F98073706\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-98073706-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1713499962753_10772\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fweixin_57604284\u002Farticle\u002Fdetails\u002F121535446","title":"html\u003Cem\u003E超链接\u003C\u002Fem\u003E及框架(\u003Cem\u003Eiframe\u003C\u002Fem\u003E)","desc":"目录\n\n\u003Cem\u003E超链接\u003C\u002Fem\u003E\n\n语法\n\n属性说明\n\n浮动框架\n\n基本语法\n\n属性说明\n\n\u003Cem\u003E超链接\u003C\u002Fem\u003E\n\n语法\n\n\n<a href=\"url\" name=\"\" title=\"提示信息\" \u003Cem\u003Etarget\u003C\u002Fem\u003E=\"窗口名称\">\u003Cem\u003E超链接\u003C\u002Fem\u003E标题<\u002Fa>\n\n属性说明\n\n\u003Cem\u003Etarget\u003C\u002Fem\u003E属性、值及说明表\n\t属性值\n\t\t\t说明\n\t\t_self\n\t\t\t在当前框架\u003Cem\u003E中\u003C\u002Fem\u003E打开链接\n\t\t_blank\n\t\t\t在一个全新的空白窗口\u003Cem\u003E中\u003C\u002Fem\u003E打开链接\n\t\t_top\n\t\t\t在顶层框架\u003Cem\u003E中\u003C\u002Fem\u003E打开链接,也可以理解为在根框架\u003Cem\u003E中\u003C\u002Fem\u003E打开链接\n\t\t_parent\n\t\t\t在当前框架","createTime":"2021-11-25 13:51:26","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-121535446-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-121535446-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_57604284\u002Farticle\u002Fdetails\u002F121535446\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-121535446-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1713499962753_10772\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_57604284\u002Farticle\u002Fdetails\u002F121535446\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-121535446-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1713499962753_10772\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fqq_26222859\u002Farticle\u002Fdetails\u002F73741973","title":"a标签的\u003Cem\u003Etarget\u003C\u002Fem\u003E\u003Cem\u003E指向\u003C\u002Fem\u003E\u003Cem\u003Eiframe\u003C\u002Fem\u003E实现页面局部刷新","desc":"\u003Cem\u003Eiframe\u003C\u002Fem\u003E的name属性配合a标签的\u003Cem\u003Etarget\u003C\u002Fem\u003E属性实现页面局部刷新:\r\n\r\n页面一代码:\r\n\nhtml\u003E\nhead lang=\"en\"\u003E\n meta charset=\"UTF-8\"\u003E\n title\u003Etitle\u003E\nhead\u003E\nbody\u003E\n ul\u003E\n li\u003Ea href=\"M2.html\" \u003Cem\u003Etarget\u003C\u002Fem\u003E=\"myFrame\"\u003E培养目标a\u003Eli\u003E\n li\u003E","createTime":"2017-06-26 17:11:03","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-73741973-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-73741973-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fqq_26222859\u002Farticle\u002Fdetails\u002F73741973\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-73741973-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1713499962753_10772\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fqq_26222859\u002Farticle\u002Fdetails\u002F73741973\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-73741973-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1713499962753_10772\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fruiguang21\u002Farticle\u002Fdetails\u002F53585609","title":"\u003Cem\u003Eiframe\u003C\u002Fem\u003E是什么?\u003Cem\u003Eiframe\u003C\u002Fem\u003E用法详解","desc":"经常和网站打交道或者经常建站的朋友对\u003Cem\u003Eiframe\u003C\u002Fem\u003E肯定不陌生,网站有了\u003Cem\u003Eiframe\u003C\u002Fem\u003E会变得更加美观、大气。对于初涉互联网的新手来说,\u003Cem\u003Eiframe\u003C\u002Fem\u003E并不熟悉,那么\u003Cem\u003Eiframe\u003C\u002Fem\u003E到底是什么?\u003Cem\u003Eiframe\u003C\u002Fem\u003E用法有哪些呢?\r\n \r\n\r\n\r\n\r\n  \u003Cem\u003Eiframe\u003C\u002Fem\u003E是什么\r\n\r\n  \u003Cem\u003Eiframe\u003C\u002Fem\u003E就是我们常用的\u003Cem\u003Eiframe\u003C\u002Fem\u003E标签:。\u003Cem\u003Eiframe\u003C\u002Fem\u003E标签是框架的一种形式,也比较常用到,\u003Cem\u003Eiframe\u003C\u002Fem\u003E一般用来包含别的页面,例如我们可以","createTime":"2016-12-12 17:54:09","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-53585609-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-53585609-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fruiguang21\u002Farticle\u002Fdetails\u002F53585609\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-53585609-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1713499962753_10772\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fruiguang21\u002Farticle\u002Fdetails\u002F53585609\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-53585609-bbs-40056117.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1713499962753_10772\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"}],"staffDOList":[{"id":null,"communityId":126,"username":"community_7","userNickname":"HTML(CSS)社区","roleCode":1,"status":1,"createUsername":"","updateUsername":"","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","createTime":"2021-05-12 18:04:39","updateTime":"2021-05-12 18:04:39","lastLoginTime":"2021-05-12 18:04:39"}],"communityConfig":{"scoreType":0,"scoreItems":{"0":"给本帖投票","1":"锋芒小试,眼前一亮","2":"潜力巨大,未来可期","3":"持续贡献,值得关注","4":"成绩优异,大力学习","5":"贡献巨大,全力支持"}},"shouldApply":false,"subscribeAble":false,"operatorAble":false,"commentNeedJoinCommunity":false},"default2014LiveRoom":[{"itemType":"","description":"高峰论坛","title":"2022 技术英雄会","url":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002Fcsdnnews\u002FfsNR5NWp?chat=1&title=1&footer=1","images":["https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221016050009.png"],"ext":{"time":"9:00","liveRoomUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fcsdnnews\u002FfsNR5NWp"}}]},"isGooglebot":false,"canonical":"https:\u002F\u002Fwww.csdn.net\u002Ftopics\u002F40056117","openUrl":"","isApp":false,"localUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F40056117","typeId":"index","hasIndex":false},"CFG":{"ALIPLAYER_VERSION":"v4","ALIPLAYER_H5_VERSION":"mobile_v1","ENV":"prod","ROOT_URL":"https:\u002F\u002Fcms-mall.csdn.net\u002F","VUE_APP_API_URL_SERVER":"http:\u002F\u002Fcms-community-api.internal.csdn.net\u002F","VUE_APP_API_URL":"https:\u002F\u002Fcms-api.csdn.net\u002F","LOGIN_URL":"https:\u002F\u002Fpassport.csdn.net\u002Faccount\u002Flogin","VUE_APP_DOMAIN_SKILL":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_DOMAIN_PATH":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_COMMUNITY_API_URL":"https:\u002F\u002Fcommunity-api.csdn.net\u002F","VUE_APP_CCLOUD_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fcommunity-cloud\u002Fv1\u002F","VUE_APP_SKILL_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fskilltree\u002Fapi\u002F","VUE_APP_SEARCH_PLUGIN_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fsearchplugin\u002F","VUE_APP_COMMUNITY_ASK_API_URL":"https:\u002F\u002Fmp-ask.csdn.net\u002F","VUE_APP_ME_URL":"https:\u002F\u002Fme.csdn.net\u002F","VUE_APP_CCLOUD_RESUME":"https:\u002F\u002Fbizapi.csdn.net\u002Fjob-api\u002F","VUE_APP_CCLOUD_MAIN":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_UC":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_BZP_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002F","VUE_APP_CCLOUD_START_API_URL":"https:\u002F\u002Fmp-action.csdn.net\u002F","VUE_APP_PRACTIVE":"https:\u002F\u002Fbizapi.csdn.net\u002Fdaily-practice\u002F","VUE_APP_CCLOUD_HOSTPATH":"https:\u002F\u002Fbbs.csdn.net\u002F"},"queries":{"pageId":[],"domain":["ccloud.csdn.net\u002Fccloud\u002Fdetail1"],"id":["40056117"],"deviceType":"pc","isSpider":"","hostname":["bbs.csdn.net"]},"basePath":"bbs.csdn.net\u002Fccloud\u002Ftopics\u002F40056117","hrefUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F40056117","active":0,"navBarFixed":false,"title":"设置超链接,使target指向Iframe中。怎么做?","isLive":false,"contentType":{"text":"text","picture":"picture","link":"link","video":"video","vote":"vote","live":"live","blog":"blog","long_text":"long_text","task_text":"task_text"},"liveUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002F","spmExtra":{"id":126,"topicId":40056117},"keywords":"","description":"以下内容是CSDN社区关于设置超链接,使target指向Iframe中。怎么做?相关内容,如果想了解更多关于CSS社区其他内容,请访问CSDN社区。"};</script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/runtime.3e5c09eb.js"></script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/chunk/common.7672e502.js"></script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/chunk/tpl/ccloud-detail/index.243a94d0.js"></script></body> <!----> <script> window.csdn.sideToolbar = { options: { qr: { isShow: true, data: [ { imgSrc: 'https://csdnimg.cn/release/cmsfe/public/img/ewm.9010d6e5.png', desc: "关注公众号" }, ] }, help: { isShow: false, }, contentEl: document.getElementsByClassName("cloud-maintainer")[0] }, }; </script> <script src="https://g.csdnimg.cn/side-toolbar/2.9/side-toolbar.js" ></script> <!----> <!----> <!----> <script src="https://csdnimg.cn/release/blog_editor_html/release1.7.5/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js"></script> <script src="https://g.csdnimg.cn/lib/editor-page-detail/v2.2.0/js/runDetail.min.js"></script> <!----> <!----> <!----> <!----> <!----> <!----> <script src="https://g.csdnimg.cn/collection-box/2.1.0/collection-box.js"></script> <!----> <!----> <!----> <!----> <script src="https://g.csdnimg.cn/common/csdn-cert/csdn-cert.js"></script> <!----></html>