如何做淘宝网站济南网站优化公司艾乎网

如何做淘宝网站,济南网站优化公司艾乎网,手机网站注册域名,界面设计报价基本语法 a hrefURL链接文本/a a 标签#xff1a;定义了一个超链接#xff08;anchor#xff09;。它是 HTML 中用来创建可点击链接的主要标签。 href 属性#xff1a;指定目标 URL#xff0c;当点击链接时#xff0c;浏览器将导航…基本语法a hrefURL链接文本/aa标签定义了一个超链接anchor。它是 HTML 中用来创建可点击链接的主要标签。href属性指定目标 URL当点击链接时浏览器将导航到此 URL。以下实例演示来如何在 HTML 文档中创建链接!DOCTYPE html html head meta charsetutf-8 /head body p a href/index.html本文本/a 是一个指向本网站中的一个页面的链接。/p pa hrefhttps://www.microsoft.com/本文本/a 是一个指向万维网上的页面的链接。/p /body /htmlHTML 超链接链接HTML使用标签 a 来设置超文本链接。超链接可以是一个字一个词或者一组词也可以是一幅图像您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时箭头会变为一只小手。在标签 a 中使用了 href 属性来描述链接的地址。默认情况下链接将以以下形式出现在浏览器中一个未访问过的链接显示为蓝色字体并带有下划线。访问过的链接显示为紫色并带有下划线。点击链接时链接显示为红色并带有下划线。HTML 链接属性href 属性描述了链接的目标。1、href定义链接目标。这是超链接最重要的属性用来指定链接的目的地可以是另一个网页、文件、邮件、电话号码或 JavaScript。实例!DOCTYPE html html head meta charsetutf-8 /head body a hrefhttps://www.example.com访问 Example/a /body /html2、target定义链接的打开方式。_blank: 在新窗口或新标签页中打开链接。_self: 在当前窗口或标签页中打开链接默认。_parent: 在父框架中打开链接。_top: 在整个窗口中打开链接取消任何框架。实例!DOCTYPE html html head meta charsetutf-8 /head body a hrefhttps://www.example.com target_blank relnoopener新窗口打开 Example/a /body /html3、rel定义链接与目标页面的关系。nofollow: 表示搜索引擎不应跟踪该链接常用于外部链接。noopener 和 noreferrer: 防止在新标签中打开链接时的安全问题尤其是使用 target_blank 时。noopener: 防止新的浏览上下文页面访问window.opener属性和open方法。noreferrer: 不发送referer header即不告诉目标网站你从哪里来的。noopener noreferrer: 同时使用noopener和noreferrer。例子:a hrefhttps://www.example.com relnoopener noreferrer安全链接/a实例!DOCTYPE html html head meta charsetutf-8 /head body a hrefhttps://www.example.com target_blank relnoopener noreferrer安全链接/a /body /html4、download提示浏览器下载链接目标而不是导航到该目标。如果指定了文件名浏览器会提示下载并保存为指定文件名。例如实例!DOCTYPE html html head meta charsetutf-8 /head body a hreffile.pdf downloadexample.pdf下载文件/a /body /html5、title定义链接的额外信息当鼠标悬停在链接上时显示的工具提示。实例!DOCTYPE html html head meta charsetutf-8 /head body a hrefhttps://www.example.com title访问 Example 网站访问 Example/a /body /html6、id用于链接锚点通常在同一页面中跳转到某个特定位置。实例!DOCTYPE html html head meta charsetutf-8 /head body !-- 链接到页面中的某个部分 -- a href#section1跳转到第1部分/a div idsection1这是第1部分/div /body /html7、hreflang: 指定链接的目标URL的语言实例!DOCTYPE html html head meta charsetutf-8 /head body a hrefhttps://www.example.com/es hreflanges访问西班牙语网站/a /body /html8、type: 指定链接资源的MIME类型实例a hrefstyle.css typetext/css样式表/a9、class: 用于指定元素的类名CSS中定义实例a hrefhttps://www.example.com classexternal-link外部链接/a10、style: 直接在元素上定义CSS样式实例a hrefhttps://www.example.com classexternal-link外部链接/a