网络零售商的终极网站
 HTML5。 入门的教训。  W3Schools 乌克兰语

西斯

HTML 作者 id


HTML 文件 id використовується для вказівки унікального ідентифікатора HTML 元素。

一份 HTML 文档不能有多个具有相同 id 的元素。


id 属性维基

Атрибут id 表示 HTML 元素的唯一标识符。 属性值id 更多信息请参见 HTML 文档。

Атрибут id 用于指示样式表中的特定样式声明。 JavaScript 还用于访问和管理具有指定 id 的元素。

id 的语法是:写入一个哈希字符 (#),后跟 id 名称。 然后您会注意到 CSS 在卷曲臂 {} 中的强大功能。

在应用程序的底部我们有一个元素 <h1> 它表示 id“myHeader”。 这个元素<h1> буде стилізований відповідно до визначення стилю #myHeader 头部位置:

屁股

<!DOCTYPE html>
<html>
<head>
<style>
#我的标题{
背景颜色:浅蓝色;
颜色:黑色;
填充:40px;
文本对齐:居中;
}
</style>
</head>
<body>

<h1 id="myHeader">标题</h1>

</body>
</html>
自己尝试一下»

笔记: 我对寄存器很敏感!

笔记: 我的id要求只包含一个字符,并且不要求包含空格(空格、制表符等)。


标记我的 Class 和 ID

类的名称可以由多个 HTML 元素修改,而名称 id 只能由页面上的一个 HTML 元素修改:

屁股

<style>
/* id“myHeader”后面元素的样式 */
#我的标题 {
背景颜色:浅蓝色;
颜色:黑色;
填充:40px;
文本对齐:居中;
}

/* 所有元素的样式均以“city”类命名 */
。城市 {
背景颜色:番茄;
白颜色;
填充:10px;
}
</style>

<!-- Елемент з унікальним id -->
<h1 id="myHeader">我的城市</h1>

<!-- Кілька елементів з однаковим класом -->
<h2 class="city">伦敦</h2>
<p>伦敦是英国的首都。</p>

<h2 class="city">巴黎</h2>
<p>巴黎是法国的首都。</p>

<h2 class="city">东京</h2>
<p>东京是日本的首都。</p>
自己尝试一下»

笔记: 您可以在以下位置了解有关 CSS 的更多信息Podruchnik 的 CSS на нашому сайті W3Schools 乌克兰.


带有 ID 和设置的 HTML 书签

HTML 书签经过精心设计,可让读者导航至网站最重要的部分。

如果您的页面较旧,则书签可以是棕色的。

要创建书签,您需要先创建书签,然后向其中添加消息。

然后,当按下该消息时,页面将滚动到书签中的位置。

屁股

现在使用属性创建一个书签 id:

<h2 id="C4">第四章</h2>

然后从同一页面将消息添加到书签(“转到第 4 节”):

屁股

<a href="#C4">转到第 4 节</a>
自己尝试一下»

或者从另一个页面将消息添加到书签(“转到第 4 节”):

<a href="html_demo.html#C4">共 4 项</a>

JavaScript 中 id 属性的维基百科

Атрибут id 您可以使用 JavaScript 来访问源代码,从而实现代码执行。

JavaScript 可能使用与数据库策略相同的方式处理数据 getElementById():

屁股

维科里斯特属性 id 针对 JavaScript 的以下特性:

<script>
函数显示结果(){
document.getElementById("myHeader").innerHTML = "祝你有美好的一天!";
}
</script>
自己尝试一下»

笔记: 在参考资料部分中了解有关 JavaScript 的更多信息HTML JavaScript або в Pidruchnik 的 JavaScript на нашому сайті W3Schools 乌克兰.


小袋

  • Атрибут id 适用于 HTML 元素的 VCO 脚本
  • 属性值 id 更多 HTML 文档
  • Атрибут id 使用 CSS 和 JavaScript 来编写/编辑语法
  • 属性值 id чутливе до регістру
  • Атрибут id 请参阅 HTML 文档的翻译版本
  • JavaScript 可能使用与数据库策略相同的方式处理数据 getElementById()

HTML 右

向自己寻求帮助吧

正确的:

添加正确的 HTML 属性以创建 H1 元素。

<!DOCTYPE html>
<html>
<head>
<style>
#myheader {颜色:红色;}
</style>
</head>
<body>

<h1 &gt;我的主页</h1>

</body>
</html>


要查看所有可用 HTML 标签的完整列表,请转至 HTML 标签浏览器 на нашому сайті W3Schools 乌克兰.

自我控制的营养

  • HTML 属性有什么用? id?
  • 有多少 HTML 元素可以被同一个元素高度滥用? id?
  • 名字用什么符号写? id в CSS?
  • 写名字的大小写有什么意义 id?
  • 有什么区别 class та id?
  • Chi 可以是 vikorystuvati id для створення закладок на вебсторінці?
  • JavaScript 如何对名称进行 vikorize? id?


评论