首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【Java 进阶篇】HTML链接标签详解

标签的基本结构 标签是HTML中用来创建超链接的标签,其基本结构如下: 链接文本 href 属性:指定链接的目标地址,可以是其他网页的URL,也可以是同一页面内的锚点...这可以通过指定相对URL或页面内的锚点来实现。 3.2.1. 相对URL 使用相对URL链接到同一网站内的其他页面。...例如,链接到同一网站内的 About 页面: html">关于我们 3.2.2. 锚点 在同一页面内创建锚点链接,使用户可以快速跳转到页面内的不同位置。...常见的取值包括: _blank:在新窗口或新标签页中打开链接。 _self:在当前窗口中打开链接(默认值)。 _parent:在父级框架中打开链接。 _top:在顶级框架中打开链接。...总结 HTML链接标签是构建网页中超链接的关键元素,允许用户在不同网页之间或同一网页内进行导航。

42530
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    fencedframe 可以替代 iframe 吗?

    开门见山,先来个简单的描述: 今天主要介绍的是一个 HTML 新的用于嵌入内容的标签:,有点儿类似于 iframe。...但是我们的顶级站点可以读取到 iframe 的 src 属性,这就以为着顶级站点可以从广告的 URL 推断有关访问者兴趣的信息,这在一定程度上就泄露了用户隐私。...使用 Fenced frames ,我们依然可以显示与访问者兴趣相匹配的广告,但顶级站点是无法从 frame 的 src 属性中推断出用户的兴趣信息的,这个信息只有广告商知道。...Fenced frames 和 iframe 对比 从对比上来看,iframe 还是要更灵活的,Fenced frames 是无法取代 iframe 的,但是当我们需要在同一页面上显示来自不同顶级分区的数据时..." mode="opaque-ads" > 只有在 Fenced frames 内部嵌入的广告商的站点才能获取到 urn:uuid 和 URL 的真实映射关系,外部的顶级站点是获取不到的

    2.3K10

    Google Hacking 搜索引擎攻击与防范

    虽然 Google 在国内无法直接访问,但作为技术人员,理应找到恰当的访问途径。另外这种技术虽然名为 “Google Hacking”,但同样的思路,类似的搜索技巧,也是完全适用于其他搜索引擎的。...二、高级操作符 在 Google Hacking 中可以使用高级运算符,以缩小搜索结果范围,最终获取到需要的信息。高级操作符虽然容易使用,但也需要遵循严格的语法。 1....基本操作符(operator) · intitle & allintitle · 使用 intitle 可以搜索网页的的标题,标题指的是在 HTML 中的 title 标签的内容。...然而在实际使用中,inurl 往往并不能如预期般获得想要的结果,原因如下: Google 并不能很有效地去搜索 url 中协议的部分,比如 http://; 在实际情况中,url 通常会包含大量的特殊字符...· inanchor · inanchor 操作符可以搜索 HTML 链接标签中的锚文本,“锚文本”是网页中关于超链接的一段描述,比如下面这段 HTML 语言: <a href="http://en.wikipedia.org

    1.9K10

    Chrome 115 有哪些值得关注的新特性?

    而这个新语法也会向后兼容以前的单关键字语法。 Fenced Frames 在很多业务场景中,我们可能会使用 iframe 去嵌入一些智能推荐的广告。...我们的顶级站点可以读取到 iframe 的 src 属性,这就意味着顶级站点可以从广告的 URL 推断有关访问者兴趣的信息,这在一定程度上就泄露了用户隐私。...使用 Fenced frames ,我们依然可以显示与访问者兴趣相匹配的广告,但顶级站点是无法从 frame 的 src 属性中推断出用户的兴趣信息的,这个信息只有广告商知道。...可能会和其他的 隐私沙盒 的 API 来配合使用,浏览器可能会为 Fenced frames 生成一个不透明的 URL 。..." mode="opaque-ads" > 只有在 Fenced frames 内部嵌入的广告商的站点才能获取到 urn:uuid 和 URL 的真实映射关系,外部的顶级站点是获取不到的

    38131

    Html标签href的困惑记载

    近日,在工作中遇到一个小问题(给手游平台做些网页活动,其中牵涉到一个按钮链接,就习以为常的用了标签,Click响应之后走一段js代码逻辑-弹出一个分享微信弹框。...每每因为自己的造成的这些个问题,反倒收获不少,?。 之后就去查证了下关于这Html标签的Href属性。超链接的 URL。...可能的值: 绝对 URL - 指向另一个站点(比如 href=”http://www.jeffjade.com") 相对 URL - 指向站点内的某个文件(href=”index.htm”) 锚 URL...---- 此段15-08-19更新: 对于这一段的不理解,后来在ios客户端童鞋的帮助下消解了。对于Ios跟js的交互是略有点不同的: ios中objective-c与js的交互这篇文章会有讲到。...(很认同,原话出自:张鑫旭) ---- 此段15-08-19 20:06更新: 今日在博客园~神人唯吾的标签的href和onclick属性这篇文章中看到了一个说法: 尽量不要用javascript

    3.4K50

    chrome升了chrome88后,selenium修改window.navigator.webdriver

    写在前面 Google于2021年1月19日在稳定版中发布了Chrome88(大更新) 针对Windows 10的改进的深色主题以及较少侵入性权限提示 不再支持FTP URL、Flash、Mac...OS X Yosemite 较少干扰的权限请求 禁用了所有旧版浏览器插件 数字商品API:在Google Play商店中发布的Web应用现在可以像本地应用一样使用Play商店计费。...锚目标= _blank默认情况下意味着rel = noopener:为了防御“标签窃听”攻击,目标的锚的_blank 行为就像rel 设置为一样noopener。...问题查找 版本信息 造成代码无法使用的主要原因与之前一样: window.navigator.webdriver值为true 经过几天的排查主要原因是 chrome88集成了V8 JavaScript...', { get: () => undefined }) 报错翻译: 无法使用defineproperty函数重新定义webdriver的属性 解决方案 对js不是太熟的我本计划使用新的

    1.6K30

    网站完整的 SEO 优化方案 ?

    : 一.站内结构优化 1.合理规划站点结构: ① 扁平化结构  ② 辅助导航、 面包屑导航、 次导航 2.内容页结构设置 (最新文章、推荐文章、热门文章、增加相关性、方便自助根据链接抓取更多内容 ) 较快的加载速度...3.简洁的页面结构 二.代码优化 Robot.txt、次导航、404 页面设置、301 重定向、网站地图、图片Alt、title 标签、标题、关键词、描述、关键字密度、个别关键字密度、H1H2H3 中的关键字...标准化 ④ 次导航 ⑤ 内页增加锚文本以及第一次出现关键词进行加粗 ⑥ 长尾关键词记录单 ⑦ 图片 Alt、titile 标签 ⑧ 外链最好 nofollow ⑨ 百度站长工具、 google 管理员工具的使用...链接对象的相关性要高  ③. 给重要网页更多的关注   ⑤. 使用绝对路径    ⑥. 需要改进的地方 5. 注意事项 ①. 不要大量采集   ②. 有节奏的更新  ③....③ 百度及其他 SE 的相关搜索及下拉框 ④ 百度站长工具 ⑤ google 关键词分析工具

    63130

    2022 年前端大事记

    例如:在站点 A 中通过 iframe 嵌入了一个站点 C,正常情况下如果三方 Cookie 被禁用后,C 是无法在 A 站点访问到它的 Cookie 的。...它只会在站点 A 中通过 iframe 嵌入站点 C 时才会生效,浏览器会判定只会在顶级站点为 A 时才发送该 Cookie。...当用户访问一个新站点时,例如站点 B,如果也它通过 iframe 嵌入了站点 C,这时在站点 B 下的站点 C 是无法访问到之前在 A 下面设置的那个 Cookie 的。...新增比 iframe 更安全的 fencedframe 标签 Fenced frames 是一项 隐私沙盒 提案,它建议顶级站点应该对数据进行分区。...,Fenced frames 是无法取代 iframe 的,但是当我们需要在同一页面上显示来自不同顶级分区的数据时,建议使用 Fenced frames 作为更私有的嵌入框架。

    1.3K50

    Chrome 81 正式发布 !消灭混合内容最后一步~

    Google 宣布的最终目标是将所有 HTTP 内容自动升级到他们的模拟 HTTPS URL。但是,一次性执行这样的操作是很危险的,因为这可能会导致大量混合内容的站点出现问题。...在 Chrome 80 中,混合的音频和视频资源将自动升级到 https://,如果它们无法通过 https:// 加载,则 Chrome 默认会阻止它们。...在 Chrome 81 中,混合的图像资源会自动升级到 https://,如果无法通过 https:// 加载,Chrome默认会阻止它们。...在 Chrome 81 中,Chrome 将用整页警告标记用户不支持 TLS 1.2 更高版本的站点连接不完全安全。...处理公司库存的网站,公司站点和 Intranet 将能够读取数据或将数据写入容器或产品上的 NFC 标签,从而简化库存管理。 会议现场可以使用它来扫描 NFC 标签。

    2.4K51

    自动化测试如此容易!多语言自动化测试框架 Selenium 编程(C#篇)

    或者还可以远程访问接口: 下面笔者介绍在 C# 中如何使用 Selenium WebDriver 编写自动化测试程序。...,使用代理服务器用于 Selenium 的自动化脚本, 可能对以下方面有益: 捕获网络流量 模拟网站后端响应 在复杂的网络拓扑结构或严格的公司限制/政策下访问目标站点....如果在公司环境中,或者需要开启飞机上网,浏览器无法连接到 URL,则需要借助代理进行访问。...Web元素交互:用于操纵表单的高级指令集 定位策略:在 DOM中 标识一个或多个特定元素的方法 元素的信息:html 元素的属性 下面来介绍不同 html 元素的操作方法示例。...文件上传 上传文件实际上是在 type=file 的 input 标签中,填写本地路径的文件地址,这个地址需要填写文件的绝对路径。

    3.8K20

    使用 HTTPS 部署你的站点势在必行

    本文最初发表在 Nick Janetakis 个人网站上。 如果你有一个站点,或者近期你正在考虑部署自己的站点,那么你有必要考虑使用 HTTPS 来武装你的网站了。...上图显示,在 18 个月内 HTTPS 部署有 20% 的增幅提升,所以考虑给所有的页面都部署 HTTPS 而不仅仅是在顶级站点上部署是很有必要的。...不安全的页面(HTTP)比安全的页面(HTTPS)在 Google 上的排名要差 网站访问者的浏览记录和数据没有被加密、保护 Chrome 和 Firefox 正在增加可怕的视觉提示来惩罚不安全的网站。...右图的 Firefox 显示的就是一个视觉提示,随着红色版本的到来,Chrome 打算在 2017 年 10 月过渡到使用一个非红色的 “Not secure(不安全)” 标签。...在 Google 搜索结果中不安全的站点排名更差 在 2014 年中期,Google 公开承认HTTPS 是网站排名的一个参考点。

    81330

    body标签中相关标签

    我们使用Chrome的F12审查元素发现,浏览器自己把p封闭掉了,不让你去包裹h2。 PS:Chrome浏览器是世界上HTML5支持最好的浏览器。提供了非常好的开发工具,非常适合我们开发人员使用。...上图中解释: 第一个a标签,顶部这个锚的名字叫做top。 然后在底部设置超链接,点击时将回到顶部(此时,网页中的url的末尾也出现了#top)。...例如:内容 超链接的属性 href:目标URL title:悬停文本。 name:主要用于设置一个锚点的名称。..._parent:在父窗口中显示 _top:在顶级窗口中显示 blank就是“空白”的意思,就表示新建一个空白窗口。为啥有一个_ ,就是规定,没啥好解释的。...相对路径和绝对路径的总结 相对路径的好处:站点不管拷贝到哪里,文件和图片的相对路径关系都是不变的。 相对路径使用有一个前提,就是网页文件和你的图片,必须在一个服务器上。

    4.6K10

    Google图解:输入 URL 按下 “Enter”,Chrome 干了什么?

    例如,当你在地址栏中输入URL时,输入的这个动作,将有浏览器进程的UI线程处理 一次简单的导航 1. 处理输入 当用户开始输入地址栏时,UI线程首先会去判断 “这是搜索查询还是 URL?”。...在 Chrome 中,地址栏同时具备搜索查询的功能,因此 UI 线程需要解析并确定是将请求发送到搜索引擎,还是发送到待请求的网站。 2....此外,还可能会触发 CORB(Cross Origin Read block)检查,用来确保敏感的跨站点数据无法进入渲染器进程。...在顶级导航中,会创建一个安全上下文,而浏览器会决定那个渲染器应该处理它,因此,在这种情况下,CORB 是不会执行的。 4....如果导航重定向的 URL 跨站点了,则可能不会使用此备用进程,在这种情况下就需要其他进程来处理了。 5.

    1.9K30

    chrome frame节点 取_Chrome Frame插件解决IE浏览器兼容问题

    大家好,又见面了,我是你们的朋友全栈君。 时不时碰到客户的浏览器为IE7,IE8,甚至IE6的,他们不能升级浏览器,因为升级后,机器中其它的重要系统无法访问。...如何提供一个友好的引导安装界面呢,Google帮我们解决了这个问题。 在body标签中加入这段js代码,可以使得IE打开该网页时出现友好的GCF安装引导iframe框。...”google“的站点)。...这样,就形成了一个地址列表,凡是与该列表匹配的站点IE将自动使用chrome frame浏览,其他站点则依旧使用IE自己的内核浏览 2.5.E仅打开指定站点;设置方法与上面相近,同样是在“HKEY_CURRENT_USER...,不过,与这个列表相匹配的站点,IE将使用自己的内核浏览,其他站点则自动使用chrome frame浏览。

    1.4K30

    绕过 CSP 从而产生 UXSS 漏洞

    导致此漏洞的原因是使用字符串拼接生成 HTML,该 HTML 通过 jQuery 动态添加到 DOM。 攻击者可以创建一个特定的链接,这将导致在扩展的上下文中执行任意 JavaScript。...胜利的道路 该扩展程序使用 Content Script从页面链接( 标签)和视频( 标签)收集视频 URL。...该扩展程序会在 Chrome 扩展程序 API 中查询当前标签的元数据。...将带有用户输入的原始 HTML 传递给append() 函数是跨站点脚本(XSS)的典型示例。 看来可以相对毫发无损地将我们的 payload 送到易受攻击的函数中! 然而,现在庆祝还为时过早。...在 script-src 指令中同时看到 https://apis.google.com 和 https://ajax.googleapis.com 是非常幸运的。

    2.7K20

    2023 年前端大事记

    我们可以通过 HTML 中的 标签来指定一个 Import maps。...“分区”存储中,每个顶级站点都有单独的 Cookie jar。...我们的顶级站点可以读取到 iframe 的 src 属性,这就意味着顶级站点可以从广告的 URL 推断有关访问者兴趣的信息,这在一定程度上就泄露了用户隐私。...Chrome 提出的新一代预渲染技术将通过以下三种方式提供:当你在 Chrome 地址栏中输入 URL 或一个关键词时,如果 Chrome 推测你会访问某个页面,它可能会自动为你预渲染这个页面。...Webkit 的能力更新: HTML 的更新: 新的 标签,可以为网站的搜索部分提供正确的无障碍语义; 新的 Popover 属性,提供可以用来实现弹出窗口和对话框的原生内置能力;

    39810

    有关Web 安全学习的片段记录(不定时更新)

    注意,php, js css, 都可以和html 标签写在同个文件中。...那为什么在chrome中对于在浏览 器解析 html 的时候 过滤掉这些危险的script 而没有执行,比如...这些预定义字符是: 单引号 (') 双引号 (") 反斜杠 (\) NULL 这样就无法从url 传递带引号的参数来闭合引号来达到xss的目的,但是在charset=gbk 的情况下,如果参数含大于...反斜杠 \ 在script域内会起转义作用,而在html 标签内就是表示的字符含义,从下面alert()出来的字符可以得知。...sid 出现在 url 中的情形有个安全隐患是,假设一个站点被引入了一个外部图片,打开这个站点会发起图片的get 请求,而 referer 就是受害站点的 url,由此泄露了 sid。

    1.6K00

    一文看懂Cookie奥秘

    这些站点拥有你当前访问的网页上部分资源,如广告或图像。 第一方/第三方cookie不是绝对的标签,而是相对于用户的上下文。 同一cookie可以是第一方也可以是第三方,这取决于用户当时所在的网站。...在HTTP请求模型中以标头的形式体现:Response中Set-Cookie标头种植cookie;Request Cookie标头携带(该请求允许携带的)cookies HTTP/1.0 200 OK...发送cookie的物理安全 Secure指定了发送cookie的物理安全:要求以HTTPS形式回发cookie “Chrome52+、Firefox52+已经支持Secure指令,再使用http请求已经不会携带...same-site 请求的发起源与资源源不完全相同:同一顶级域名下的二级域名站点 none “Q1....在服务端Set-Cookie种植cookie时,SmmeSite属性值可指示浏览器是否可在后续的“同一站点”或“跨站点”请求中携带这些cookie Set-Cookie: X-BAT-TicketId=

    1.6K51
    领券