HTML id 属性

HTML id 属性

使用 id 属性
id 属性为 HTML 元素指定一个唯一的 id(该值在 HTML 文档中必须是唯一的)。
CSS 和 JavaScript 可以使用 id 值对具有特定 id 值的元素执行某些任务。
在 CSS 中,要选择具有特定 id 的元素,请编写一个井号 (#) 字符,后跟该元素的 id:
例子
使用 CSS 为 id 为“myHeader”的元素设置样式:

我的标题

结果: 我的标题 提示: id 属性可用于任何 HTML 元素。 注意:id 值区分大小写。 注意:id 值必须至少包含一个字符,并且不能包含空格(空格、制表符等)。

类和ID之间的区别
一个 HTML 元素只能有一个属于该单个元素的唯一 id,而一个类名可以被多个元素使用:
例子

我的城市

伦敦

伦敦是英格兰的首都。

巴黎

巴黎是法国的首都。

东京

东京是日本的首都。

提示:您可以在我们的 CSS 教程中了解更多关于 CSS 的信息。

带有 ID 和链接的书签
HTML 书签用于允许读者跳转到网页的特定部分。
如果您的网页很长,书签会很有用。
要制作书签,您必须先创建书签,然后添加一个链接。
单击链接时,页面将滚动到带有书签的位置。
例子
首先,使用 id 属性创建一个书签:

第 4 章

然后,在同一页面中添加一个指向书签的链接(“跳转到第 4 章”): 跳至第 4 章 或者,从另一个页面添加指向书签的链接(“跳转到第 4 章”): 例子 跳至第 4 章

在 JavaScript 中使用 id 属性
JavaScript 可以使用 getElementById() 方法访问具有指定 id 的元素:
例子
使用 id 属性通过 JavaScript 操作文本:

提示:在 HTML JavaScript 章节或我们的 JavaScript 教程中学习 JavaScript。

HTML iframe

iframe 用于在网页中显示网页。

iframe 语法
HTML iframe 定义为 src 属性指定内嵌框架页面的 URL(网址)。

iframe - 设置高度和宽度
使用 height 和 width 属性来指定 iframe 的大小。
默认情况下,高度和宽度以像素为单位指定:
例子

或者你可以使用 CSS 来设置 iframe 的高度和宽度: 例子

iframe - 移除边框
默认情况下,iframe 周围有边框。
要删除边框,请添加样式属性并使用 CSS 边框属性:
例子

使用 CSS,您还可以更改 iframe 边框的大小、样式和颜色: 例子

iframe - 链接目标
iframe 可用作链接的目标框架。
链接的target属性必须引用iframe的name属性:
例子

维基百科

HTML iframe 标记
标签
描述

posted @   哈哈哈来了啊啊啊  阅读(184)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示