实例
通过 javascript 利用 id 属性来改变一段文本：
function change_header(){document.getElementById("myHeader").innerHTML="Nice day!";}Hello World!
亲自试一试
定义和用法
id 属性规定 HTML 元素的唯一的 id。
id 在 HTML 文档中必须是唯一的。
id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。
支持
W3C: “W3C” 列指示 W3C 的 HTML/XHTML 推荐标准中是否定义了该属性。
立即学习“前端免费学习笔记（深入）”；
IEFirefoxOperaSafariW3CYESYESYESYESYES
语法
值描述id规定元素的唯一 id。
可能有以下几种原因使用到id属性
你想链接到一个页面的指定位置
你要在某个HTML元素上使用特定的css样式
你要为每个HTML元素使用script(比如javascript)
你要区分两个相同的HTML元素
示例
使用dreamdu1和dreamdu2来区分两个div标签使用dreamdu1和dreamdu2来区分两个div标签说明
与id属性相同的属性是name,此属性可以使用在HTML4的文档中,新的web标准已经抛弃了此属性.所以使用name属性的时候应该使用XHTML过渡定义类型(xhtml1-transitional.dtd),不能使用在XHTML严格定义类型中(xhtml1-strict.dtd)
id属性在整个页面与CSS样式表中一定要是唯一的,在整个网站中最好也是唯一的
以上就是规定html元素的唯一的id属性的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1545110.html赞 (0)打赏微信扫一扫
支付宝扫一扫
关于作者
html规定元素内容的语言属性lang上一篇 2025年12月21日 16:34:53html规定元素内容的文本方向的属性dir下一篇 2025年12月21日 16:35:07相关推荐
html规定元素内容的语言属性lang
实例 段落中的一些法文： Ceci est un paragraphe. 浏览器支持 所有浏览器均支持 lang 属性。 定义和用法 lang 属性规定元素内容的语言。 提示和注释 注释：lang 属性在以下标签中无效：, , , set>, , 以上就是html规定元素内容的语言属性lang…
认识html 锚文本A标签
html a目录 html a语法 锚文本作用 html a应用实例 锚文本实例截图 立即学习“前端免费学习笔记（深入）”； html a锚文本适用范围 html a应用扩展 以下是pCSS5整理关于html a、html超链接基础教程，希望对超链接CSS样式学习之前可以理解html中a标签的知识及…
认识HTML 换行标签
html br换行元素标签（换行）介绍 br目录 语法与结构 Br使用说明 Br标签使用案例 立即学习“前端免费学习笔记（深入）”； 效果示例图 案例演示网页 一、语法与结构 – TOP 如果有地方需要强制换行，那我们使用br标签即可。 二、Br使用说明 – …
认识HTML 段落标签
html p段落强制换行标签元素 一、p标签语法与结构 – TOP 内容 段落p标签使用说明：常常我们在需要分段大换行时候，对内容前加 内容后加 即可实现文章换段落。 二、P段落标签使用案例 – TOP 我是创想鸟我是第一段落,网址www.php.cn ；…
认识HTML中h1 h2 h3 h4标签
h1 h2 h3 h4标题标签常常使用在一个网页中唯一标题、重要栏目、重要标题等情形下。 一、搜索引擎下看h1标题标签 针对搜索引擎来说是告诉了不同标签下代表不同的重要级别内容。如果你在一个网页中使用的1-2中H型标签中都含有一个相同关键字，搜索引擎也会格外注重你所注重关键字与内容，但切记无滥用…
认识html px em pt长度单位的用法
html px em pt单位区 一、PX\EM\PT单位介绍 – TOP px单位名称为像素，相对长度单位，像素（px）是相对于显示器屏幕分辨率而言的国内推荐；em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸，国外使用比较多；扩展阅读：html em标签,html …
认识HTML 加粗标签
html b加粗标签元素知识与使用教程篇 一、语法与结构： – TOP PHP中文网 二、Html b加粗标签使用说明： – TOP 加粗标签元素告诉浏览器把其加b标签的文本以粗体方式显示给浏览者。对于所有浏览器来说，这意味着要把这段文字加粗（粗体）样式方…
html页面自动跳的实现方法介绍
1.1方法一 直接在 标签内添加标签。代码如下： 1.2方法二 使用JS setTimeout函数定义经过指定毫秒值后执行某一表达式。代码如下： setTimeout(function (){ location.href=” res.html “; },3000); //…
html中关于marquee标签的详细介绍
1.1概述 页面实现自动滚动效果的方式有两种，方式一由js来实现，方式二利用html marquee标签来实现。 html marquee标签的作用是在一个区域插入滚动的文本，使用html marquee标签不仅可以移动文字，也可以移动图片，表格等。注意：在html和ht…
认识HTML 加粗粗体标签
HTML strong加粗粗体标签元素 一、语法与结构： – TOP 二、Html strong加粗标签使用说明： – TOP 加粗标签元素告诉浏览器把其加strong标签的文本以加粗方式显示给浏览者。对于所有浏览器来说，这意味着要把这段文字加粗呈现给…
认识html 加粗与加粗的差别
html b加粗与strong加粗标签区别在哪 1、html b与strong加粗标签区别加粗标签与加粗标签区别在于前者只有1个字符，后者6个字符字母标签。 2、b与strong用法区别 Html b与html strong加粗标签用法没有区别，一般想节约字节字符就用b加粗标签，建议大家不要刻意追求…
认识HTML 强调标签
html em强调标签元素知识教程与html em标签实例讲解应用篇 一、EM标签语法与结构： – TOP 二、Html em强调标签使用说明： – TOP 标签（html em强调标签）告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着…
认识HTML 斜体标签
html 斜体标签元素 一、html斜体语法与结构： – TOP html i标签使用语法： 二、Html I斜体标签使用说明： – TOP 斜体标签元素告诉浏览器把其加i标签的文本以斜体方式显示给浏览者。对于所有浏览器来说，这意味着要把这段文字加斜体…
HTML 下划线标签
html 下划线标签元素 一、语法与结构 – TOP 我们使用u标签对文字设置下划线样式 扩展阅读：css 下划线 二、Html U下划线标签使用说明 – TOP 下划线标签告诉浏览器把其加u标签的文本加下划线样式呈现显示给浏览者。对于所有浏览器来说，这意…
html中单选框样式自定义的示例
html中单选框样式自定义的示例： Title .choice{ position: relative; } .choice .radio{ position: relative; display: inline-block; font-weight: 400; color: #0c4757; pa…
html中input输入框修改后自动跳到最后一个字符的实例
html中input输入框修改后自动跳到最后一个字符的实例 有三个事件，一个onpaste用来禁止粘贴，剩下两个用来去掉特殊的字符，原因出在replace,replace替换后会像重新输入一样，所以光标会在最后 解决，把replace事件在失去光标的时候触发 以上就是html中input输入框修改后…
html中关于头部标签的总结
head 元素包含了所有的头部标签元素,可以添加在头部区域的元素标签为： 、、、、、、 下面将一一解释各标签的作用 立即学习“前端免费学习笔记（深入）”； 用于定义不同文档的标题 定义浏览器工具栏的标题 当网页添加至收藏夹,显示在收藏夹中的标题 显示在搜索引擎结果页面的标题 Dbsite企…
HTML中头部标签的用法
head 元素包含了所有的头部标签元素,可以添加在头部区域的元素标签为： 、、、、、、 下面将一一解释各标签的作用 立即学习“前端免费学习笔记（深入）”； 用于定义不同文档的标题 定义浏览器工具栏的标题 当网页添加至收藏夹,显示在收藏夹中的标题 传媒公司模板(RTCMS)1.0 传媒企业网…
html中布局标记与列表标记的图文详解
布局标记 首先要介绍的布局标记是p标记，p可以做网页的层也可以做网页的分区。当p做网页的层时可以实现漂浮在网页上的效果，就像我们经常可以在网站里看见的那些漂浮广告。p做网页的分区时，则是可以布置网页的格局，把一个网页分为多个模块，由这些模块结构来构建出一个网页。p里有一个style属性这个属性是用来…
html实现页面静态化的案例
静态化文件位置注意： 实体类定义： public class News {private String title;private String pubTime;private String category;private String newsContent;public String getT…
微信扫一扫 
支付宝扫一扫 
