什么是 HTML 标记?

這是一個推薦產品對話框
熱門建議
開始於
檢視全部 >
Language
French
English
ไทย
German
繁體中文
國家/地區
你好
All
登入/建立帳戶
language Selector,${0} is Selected
Lenovo Pro 企業採購商店購物
於Lenovo教育商店註冊

專業層次福利

• 在Think日常價格上節省高達額外3%
• 消費滿NT$90,000,升級至Plus層次,享有更多福利

Plus層次福利

• 在Think日常價格上節省高達額外5%
• 消費NT$270,000,免費升級至享有更多福利的精英層次
精英層次福利
• 在Think日常價格上節省高達額外8%
經銷商福利
• 可獲得Lenovo的全部產品組合
• 配置和購買價格優於Lenovo.com
檢視所有詳情 >
再多達到
PRO Plus
PRO 精英
恭喜,您已達到精英地位!
Pro for Business
跳至主要內容
{"arrowColor":"#000000","backgroundColor":"#e6f4fa","sideMsg":"","data":[{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page783b292e-a225-406a-ab68-cb4a36869993","language":{"zh_tw":"%3Cp%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%E4%BD%BF%E7%94%A8%20Lenovo%20Pro%20Business%20%E5%B8%B3%E6%88%B6%E8%B3%BC%E8%B2%B7%E4%BB%BB%E4%BD%95%20PC%E9%9B%BB%E8%85%A6%EF%BC%8C%E4%B8%8B%E5%BC%B5%E8%A8%82%E5%96%AE%E8%B3%BC%E8%B2%B7%E9%81%B8%E5%AE%9A%E9%85%8D%E4%BB%B6%E6%99%82%E4%BA%AB%E9%AB%98%E9%81%94%2020%25%20%E6%8A%98%E6%89%A3%E3%80%82%3C%2Fp%3E%3Cp%3E%3Ca%20href%3D%22https%3A%2F%2Faccount.lenovo.com%2Ftw%2Flenovopro%2Fzh%2Fsmbaccount%2Fgatekeeper%2Fshowpage%3FipromoID%3DHellobar_01_lpro%22%20target%3D%22_self%22%20style%3D%22text-decoration%3A%20underline%3B%20color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E5%85%8D%E8%B2%BB%E5%8A%A0%E5%85%A5%20Lenovo%20Pro%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Page783b292e-a225-406a-ab68-cb4a36869993"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page5f845b53-d865-48b4-851f-19df7255d4b2","language":{"zh_tw":"%3Cp%3E%3Cstrong%3ELenovo%20Education%3C%2Fstrong%3E%20%7C%20%E8%A8%BB%E5%86%8A%EF%BC%8C%E5%88%A9%E7%94%A8%20Lenovo%20Education%20%E8%A7%A3%E9%8E%96%E9%AB%98%E9%81%94%20NT%243%2C500%20%E7%9A%84%E8%BF%8E%E8%B3%93%E6%8A%98%E6%89%A3%EF%BC%8C%2B%20%E9%AB%98%E9%81%94%208%25%20%E7%9A%84%E9%A1%8D%E5%A4%96%E5%84%AA%E6%83%A0%E3%80%82%3C%2Fp%3E%3Cp%3E%3Ca%20href%3D%22%2Fd%2Fschool-from-home%2F%3FipromoID%3Dhellobar_02_edu_cta1%22%20target%3D%22_blank%22%20textvalue%3D%22%E7%AB%8B%E5%8D%B3%E9%81%B8%E8%B3%BC%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cstrong%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%E7%AB%8B%E5%8D%B3%E9%81%B8%E8%B3%BC%3C%2Fspan%3E%3C%2Fstrong%3E%3C%2Fa%3E%3Cstrong%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%26nbsp%3B%20%7C%26nbsp%3B%26nbsp%3B%3C%2Fspan%3E%3C%2Fstrong%3E%3Ca%20href%3D%22https%3A%2F%2Fwww.lenovo.com%2Ftw%2Fedu%2Ftwedu%2Fzh%2Flogin%2Fedu%2F%3FipromoID%3Dhellobar_02_edu_cta2%22%20target%3D%22_blank%22%20textvalue%3D%22%E8%A8%BB%E5%86%8A%20%2F%20%E7%99%BB%E5%85%A5%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cstrong%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%E8%A8%BB%E5%86%8A%20%2F%20%E7%99%BB%E5%85%A5%3C%2Fspan%3E%3C%2Fstrong%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Page5f845b53-d865-48b4-851f-19df7255d4b2"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page4105eb48-dac8-47ee-b57e-26b87cb17617","language":{"zh_tw":"%3Cp%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fstrong%3EYoga%20Pro%207%20(14%26%2339%3B%26%2339%3B%2C%20Gen%209)%20%7C%20%E9%80%8F%E9%81%8E%20AMD%20Ryzen%E2%84%A2%20AI%209%20%E8%99%95%E7%90%86%E5%99%A8%E5%92%8C%E9%9C%87%E6%92%BC%E7%9A%84%2014.5%20%E5%90%8B%202.8K%20OLED%20%E9%A1%AF%E7%A4%BA%E5%99%A8%E5%89%B5%E9%80%A0%E5%8F%B2%E8%A9%A9%E8%88%AC%E7%9A%84%E6%95%B8%E4%BD%8D%E5%85%A7%E5%AE%B9%E3%80%82%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%3C%2Fspan%3E%3C%2Fspan%3E%3Ca%20href%3D%22%2Fp%2Flaptops%2Fyoga%2Fyoga-slim-series%2Flenovo-yoga-pro-7-gen-9-14inch-amd%2Flen101y0050%3FipromoID%3Dhellobar_03_Yoga_Pro_7%22%20target%3D%22_blank%22%20textvalue%3D%22%E7%AB%8B%E5%8D%B3%E8%B3%BC%E8%B2%B7%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E7%AB%8B%E5%8D%B3%E8%B3%BC%E8%B2%B7%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Page4105eb48-dac8-47ee-b57e-26b87cb17617"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Pagef3621344-d6d6-462f-a2ec-91043d60aaa7","language":{"zh_tw":"%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20nowrap%3B%22%3E%E7%B2%BE%E9%81%B8%E5%9E%8B%E8%99%9F%E5%8F%AA%E8%A6%81%202%20%E5%88%B0%203%20%E5%80%8B%E5%B7%A5%E4%BD%9C%E5%A4%A9%E5%85%A7%EF%BC%8C%E5%B0%B1%E8%83%BD%E6%BA%96%E5%82%99%E5%B0%B1%E7%B7%92%EF%BC%8C%E8%A8%AD%E5%AE%9A%E5%AE%8C%E7%95%A2%EF%BC%8C%E5%86%8D%E5%B0%87%E5%80%8B%E4%BA%BA%E9%9B%BB%E8%85%A6%E9%80%81%E5%88%B0%E6%82%A8%E6%89%8B%E4%B8%AD%EF%BC%81%E5%85%A8%E7%AB%99%E5%85%8D%E9%81%8B%E8%B2%BB%EF%BC%8C%E7%84%A1%E6%9C%80%E4%BD%8E%E6%B6%88%E8%B2%BB%E9%99%90%E5%88%B6%E3%80%82%3C%2Fspan%3E%3C%2Fp%3E%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20nowrap%3B%22%3E%E4%BE%86%E9%9B%BB%E8%AB%8B%E6%92%A5%2000801-601-372%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%3Ca%20href%3D%22%2Fd%2Fdeals%2Fquickship-laptops%2F%3FipromoID%3Dhellobar_04_quickship%22%20target%3D%22_blank%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22text-wrap%3A%20nowrap%3B%20color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E7%AB%8B%E5%8D%B3%E8%B3%BC%E8%B2%B7%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fspan%3E%3C%2Fp%3E","en":"","zh":""},"id":"Pagef3621344-d6d6-462f-a2ec-91043d60aaa7"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page9faa4861-3ef8-4e25-a4b3-9521316b5095","language":{"zh_tw":"%3Cp%3E%3Cstrong%3EThinkPad%2032%20%E6%AD%B2%E4%BA%86%EF%BC%81%3C%2Fstrong%3E%20%7C%26nbsp%3B%20%E7%8D%B2%E5%BE%97%20THINKPAD%20%E9%9B%BB%E8%85%A6%E9%AB%98%E9%81%94%2040%25%20%E7%9A%84%E6%8A%98%E6%89%A3%EF%BC%8C%E9%96%8B%E5%95%9F%20AI%20%E6%96%B0%E6%99%82%E4%BB%A3%E3%80%82%E6%8E%A2%E7%B4%A2%E7%B2%BE%E9%81%B8%20ThinkPad%20%E9%80%B1%E5%B9%B4%E5%84%AA%E6%83%A0%E3%80%82%26nbsp%3B%20%26nbsp%3B%3Cstrong%3E%26nbsp%3B%3C%2Fstrong%3E%3Ca%20href%3D%22%2Fd%2Fdeals%2Fthinkpad%2F%3FipromoID%3Dhellobar_05_ThinkPad%22%20target%3D%22_self%22%20textvalue%3D%22%E7%AB%8B%E5%8D%B3%E9%81%B8%E8%B3%BC%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E7%AB%8B%E5%8D%B3%E9%81%B8%E8%B3%BC%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Page9faa4861-3ef8-4e25-a4b3-9521316b5095"},"gInfo":""}],"autoRun":true,"displayTerminal":"pc,tablet,mobile"}
6月7至9日 | 限時72小時快閃折扣!
小時
分鐘


什么是 HTML <a> 标记?

HTML <a> 标签是网页开发中的一个重要元素,用于创建超链接。通过这些超链接,您可以将网页连接到另一个页面或同一页面的不同部分。该标签可增强网站内部和跨网站的导航功能,使网站更方便用户使用。

HTML <a> 标记只能链接到其他网页吗?

不,HTML <a> 标签的作用不仅仅是链接到其他网页。您还可以用它链接到同一网页的不同部分、供下载的文件,甚至电子邮件地址。它为在网站上创建交互式和可导航内容提供了灵活性。

我可以为 HTML <a> 标签添加任何属性吗?

是的,您可以为 <a> 标签添加多个属性,以增强其功能。例如,href 属性指定链接的目的地,而 target 属性则决定链接文档将在哪里打开。其他属性如 rel、media、hreflang 和 type<a> 则提供了有关链接文档的其他信息。

我能使用 HTML <a> 标签在新标签页中打开链接吗?

可以。要在新标签页中打开链接,您可以在 <a> 标签中使用带有 _blank 值的 target 属性。这将指示浏览器在新标签页或窗口中打开链接文档,为用户提供流畅的浏览体验。

如果没有 href<a> 属性,HTML <a> 标签还能使用吗?

从技术上讲,是的。不带 href 属性的 <a> 标签仍然可以使用,但它不会起到超链接的作用。相反,它可以作为超链接的占位符或网页上其他元素的锚点。不过,要充分发挥该标记的作用,最好包含 href<a> 属性。

何时应在 HTML <a> 标记中使用 rel 属性?

要指定网页与链接文档之间的关系时,应使用 rel 属性。该属性对搜索引擎优化特别有用,因为它能帮助搜索引擎了解链接的性质。rel 属性的常用值包括 nofollow、noopener 和 noreferrer。

HTML <a> 标记是否支持所有浏览器?

是的,包括 Google Chrome、Firefox、Safari 和 Microsoft Edge 在内的所有主流网络浏览器都支持 HTML <a> 标签。因此,您可以放心使用该标记,因为它可以在不同平台上正常运行,确保一致的用户体验。

如果我点击链接到电子邮件地址的 <a> 标记,会发生什么情况?

当您点击链接到电子邮件地址的 <a> 标记时,设备的默认电子邮件客户端会提示您打开一个新的邮件草稿。在 href<a> 属性中使用 mailto: 方案来指定电子邮件地址。这样,用户就可以更方便地从网页上直接与您联系。

能否在 HTML <a> 标记中嵌套其他标记?

是的,您可以在 <a> 标记中嵌套其他标记。当您想创建一个包含图片或块级元素等文本以外内容的可点击区域时,这一点非常有用。但是,切记不要在另一个 <a> 标签中嵌套标签,因为这不是有效的 HTML。

HTML <a> 标签会影响搜索引擎优化吗?

事实上,HTML <a> 标签确实会影响搜索引擎优化。搜索引擎使用这些标签来抓取和索引网站结构。通过使用描述性链接文本和相关的 rel<a> 属性值,您可以加强网站的搜索引擎优化,提高其在搜索引擎结果页面上的排名。

HTML <a> 标记中的下载属性有什么作用?

在 <a> 标记中添加 download 属性时,浏览器将下载链接资源,而不是导航到该资源。当您希望用户直接从您的网页下载文件时,这一点尤其有用。

能否使用 HTML <a> 标记链接到另一个网页的特定部分?

是的,要链接到另一个网页的特定部分,可以使用 href 属性,在 URL 后面加上散列 (#) 和要链接的元素的 id。这就是所谓的片段标识符,通过它可以在网页内进行精确导航。

HTML <a> 标记中的 target 属性除了 _blank<a> 之外还有其他值吗?

当然可以。除了在新窗口或标签页中打开链接文档的 _blank 以外,您还可以使用其他值。_self 在同一框架中打开链接(这是默认行为),_parent 在父框架中打开链接,而 _top 则在窗口的整个主体中打开链接。

如何设置 HTML <a> 标记的样式?

您可以使用 CSS 对 <a> 标记进行样式设置。您可以更改颜色、字体、背景等。此外,您还可以为链接的不同状态设置样式,如悬停(:hover)、激活(:active)或访问(:visited<a>)时的状态,从而使您的链接更具互动性和吸引力。

我可以使用 HTML <a> 标记创建电话链接吗?

可以。通过在 href 属性中使用 tel: 方案,您可以创建一个链接,点击后会提示用户的设备拨打指定的电话号码。这对移动用户特别有用,因为他们可以直接从网页拨打电话。

HTML <a> 标记是否有任何辅助功能方面的考虑?

是的,可访问性是网站开发的一个重要方面,<a> 标签也不例外。请确保您的链接文本具有描述性,并能让屏幕阅读器理解上下文。避免使用 "点击此处 "之类的短语。此外,考虑到有运动障碍的用户,可点击区域要足够大。

HTML <a> 标签 rel 属性中的 nofollow 值有什么意义?

rel 属性中的 nofollow 值指示搜索引擎不要跟踪链接,也不要将任何搜索引擎优化价值传递给链接页面。这在链接到您不想认可的页面(如不受信任的内容或付费链接)时非常有用。

能否在 HTML <a> 标记中使用特殊字符?

是的,您可以在 <a> 标记中使用特殊字符,但需要对它们进行正确编码,以确保浏览器能正确解释它们。例如,在 href<a> 属性中,空格可以编码为 %20 或 +。

能否使用 HTML <a> 标记将图片作为链接?

是的,您可以将 标签嵌套在 <a> 标签内,使图片充当链接。当用户点击图片时,他们将被引导到 <a> 标签 href 属性中指定的 URL。

HTML <a> 标记中的 ping 属性有什么作用?

<a> 标签中的 ping 属性可用于在用户点击链接时向指定 URL 发送简短的 "ping "请求。这对于跟踪点击事件非常有用,而且不会减慢链接资源的导航速度。

能否使用 HTML <a> 标记链接到 YouTube 视频中的特定时间?

可以。要链接到 YouTube 视频中的特定时间,请在视频 URL 末尾的 href 属性中添加 ?t=XXmYYs,其中 XX 是分钟,YY 是要链接的秒。

{"pageComponentDataId":"fcf0d243xdb23-46c2-8f57-730a13210a6d","isAssociatedRelease":"true","pageComponentDataLangCode":"zh_tw","configData":{"jumpType":"currentTab","headlineColor":"black","displayNumber":"","styleMode":"vertical","miniCardHoMode":"2","headline":"","products":[{"number":{"t_id":"len101t0102","language":{"zh_tw":"len101t0102","en":"","zh":""},"id":"Page9be5460f-6080-4c52-a839-64f527f529cc"}},{"number":{"t_id":"len101t0104","language":{"zh_tw":"len101t0104","en":"","zh":""},"id":"Pagef8c18922-61fe-4ea3-96e7-49363148464c"}},{"number":{"t_id":"len101t0081","language":{"zh_tw":"len101t0081","en":"","zh":""},"id":"Page59250249-3b20-4a8b-bcb4-8c0b83ba26a4"}},{"number":{"t_id":"len101g0036","language":{"zh_tw":"len101g0036","en":"","zh":""},"id":"Page457d795f-27f4-4788-adf4-748511679b14"}}]},"urlPrefix":"AAAAAAALAAAD","needGetLatestTransDataKey":"needGetLatestTransDataValue","title":"glossary-right-blue-boxes-fragment","pageId":"4a064817-2464-4ae5-9869-c8eeb4062707","urlEdit":0,"uri":"/FragmentDirectory/glossary/glossary-right-blue-boxes-fragment.frag","pageComponentId":"fcf0d243xdb23-46c2-8f57-730a13210a6d","tplId":"c7389f9a-59c0-4c34-a9e1-f1c090c6ab86","pageComponentUuid":"fcf0d243xdb23-46c2-8f57-730a13210a6d","targetUser":"0"}
即將推出
開始於
建議零售價
預計價值
網上銷售價:
建議零售價
估計價值 (Estimated Value)
列出價格是Lenovo根據行業數據對產品價值的估算,包括第一方和第三方零售商和電子零售商提供或估值相同或相似產品的價格。第三方經銷商數據可能不是基於實際銷售。
預估價值是Lenovo根據行業數據對產品價值的估算,包括Lenovo和/或第三方零售商和電子零售商提供或估值相同或相似產品的價格。第三方數據可能不是基於實際銷售。
了解更多
See More
See Less
檢視 {0} 型號
檢視 {0} 款型
shipping.options.for.{0}
產品編號
功能
瞭解更多
查看較少
比較
已加入!
好選擇!
您可以在每個產品類別(筆記本電腦、桌面電腦等)中比較最多4款產品。如需新增其他產品,請取消選擇一款。
檢視您的比較
加入購物車
加入購物車
我們很抱歉,
產品暫時無法提供。
繼續購物
了解更多
即將推出
精選產品
精選產品
噢!未能找到結果。請瀏覽上方的分類以尋找您的產品。
儲存
open in new tab
© 2024 Lenovo。保留所有權利。
© {year} Lenovo. All rights reserved.
比較  ()
x