HTML <a> href Attribute

HTML <a> 标签

Definition and Usage

href The attribute specifies the URL of the page to which the link points.

href The value of the attribute can be any valid document's relative or absolute URL, including fragment identifiers and JavaScript code segments. If the user selects the content in the <a> tag, the browser will try to retrieve and display href The attribute specifies a list of documents represented by the URL or JavaScript expressions, methods, and functions.

If href If the attribute does not exist, the <a> tag will not be a hyperlink.

ຄຳແນະນຳ:You can link to the top of the current page using href="#top" or href="#"!

Create Text Link

A simple <a> tag that refers to another document can be in the following form:

<a href="http://www.codew3c.com/index.html">CodeW3C.com Online Tutorial</a>

ສະຫຼາດກົດແບບພິເສດຂອງບັນດາກົດແບບບັນດາສະຫຼາດຈະສະແດງຄຳຂອງ "CodeW3C.com Online Tutorial" (ປົກກະຕິແມ່ນມີວົງວຽນສີຟ້າ), ເຮັດໃຫ້ຜູ້ນຳໃຊ້ຮູ້ວ່າມັນແມ່ນການເຊື່ອມຕໍ່ທີ່ສາມາດນຳມາຫາເອກະສານອື່ນ. ຄືດັ່ງນີ້:

CodeW3C.com ອອນໄລທາງການຮຽນ

ຜູ້ນຳໃຊ້ຍັງສາມາດນຳໃຊ້ຄວາມຄຸນສົມບັດຂອງສະມາຊິກຂອງສະຫຼາດໃນສະຫຼາດບັນດາການເຊື່ອມຕໍ່, ການຈັດຕັ້ງສີຂອງການເຊື່ອມຕໍ່ກ່ອນແລະຫຼັງ.

ຄຳແນະນຳ:ສາມາດນຳໃຊ້ CSS ປະກອບສິ່ງອັນສະນະມາເພື່ອປ່ຽນວິທີການຈຳນວຍການທີ່ຫຼາກຫຼາຍຂອງການເຊື່ອມຕໍ່ອີເມວ.

ສ້າງການເຊື່ອມຕໍ່ພາບ

ການຈຳນວຍການອີເມວທີ່ຫຼາກຫຼາຍກວ່ານີ້ຈະສາມາດກວມພາບ. ລະຫັດ LOGO ນີ້ແມ່ນການເຊື່ອມຕໍ່ພາບ, ທີ່ກໍ່ຈະນຳມາຫາເວບໄຊ້ບໍລິການ W3school:

<a href="http://www.codew3c.com/index.html">
<img src="/i/codew3c_logo_white.gif" />
</a>

ລະຫັດທີ່ກ່າວກ່າວນີ້ຈະສາມາດສະແດງການເຊື່ອມຕໍ່ຫາຫົວໜ້າຂອງ CodeW3C.com:

CodeW3C.com ອອນໄລທາງການຮຽນ

ບັນດາກົດແບບຮູບພາບຈະຖືກວາງວຽນພິເສດອ້ອມຮອບພາບທີ່ເປັນການເຊື່ອມຕໍ່. ວິທີທີ່ຈະວາງວຽນ ຜະສົມປະກອບ borderການຈັດຕັ້ງ 0 ສາມາດລົບວົງວຽນຂອງການເຊື່ອມຕໍ່ຖ້ວຍ. ກໍ່ສາມາດນຳໃຊ້ ຜະສົມປະກອບ CSS ວົງວຽນມາເພື່ອປ່ຽນວິທີການວົງວຽນຂອງບັນດາບັນດາສັນຍານ.

ຄວາມຈຳນວຍ

ຕົວຢ່າງ 1

href 属性ຕາມການຈະກຳນວຍການຂອງການເຊື່ອມຕໍ່:

<a href="https://www.codew3c.com">ຢືອກຢູ່ CodeW3C.com</a>

ພະຍາຍາມທີ່ຈະດຳເນີນຕົວຢ່າງຕົນເອງ

ຕົວຢ່າງ 2

ວິທີທີ່ຈະໃຊ້ພາບທີ່ເປັນການເຊື່ອມຕໍ່:

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="/i/logo/w3logo.png" width="400" height="225">
</a>

ພະຍາຍາມທີ່ຈະດຳເນີນຕົວຢ່າງຕົນເອງ

ຕົວຢ່າງ 3

ວິທີທີ່ຈະເຊື່ອມຕໍ່ທະວີໄລອີເມວ:

<a href="mailto:someone@example.com">ສົ່ງອີເມວ</a>

ພະຍາຍາມທີ່ຈະດຳເນີນຕົວຢ່າງຕົນເອງ

ຕົວຢ່າງ 4

ວິທີທີ່ຈະເຊື່ອມຕໍ່ໂທລະສັດ:

<a href="tel:+8613888888888">+86 138 8888 8888</a>

ພະຍາຍາມທີ່ຈະດຳເນີນຕົວຢ່າງຕົນເອງ

ຕົວຢ່າງ 5

ວິທີທີ່ຈະເຊື່ອມຕໍ່ບາງສ່ວນທີ່ອື່ນໃນຫົວຂໍ້ດຽວ:

<a href="#section2">ຍ້າຍໄປຫາວັດທະນະທຳທີສອງ</a>

ພະຍາຍາມທີ່ຈະດຳເນີນຕົວຢ່າງຕົນເອງ

ຕົວຢ່າງ 6

ວິທີທີ່ຈະເຊື່ອມຕໍ່ JavaScript:

<a href="javascript:alert('Hello World!');">ການດຳເນີນ JavaScript</a>

ພະຍາຍາມທີ່ຈະດຳເນີນຕົວຢ່າງຕົນເອງ

ຄຳສັນຍາ

<a href="URL">

ຄວາມພາຍໃດທາງວຽກ

ຄວາມພາຍໃດ ການອະທິບາຍ
URL

URL ທໍານາຍ

ຄວາມພາຍໃດທີ່ເປັນໄປໄດ້:

  • URL - ທໍານາຍທີ່ມູນວັນພາສາບັນນາທິການ (ເຊັ່ນ href="http://www.example.com/index.html")
  • URL - ທໍານາຍທີ່ມູນວັນພາສາບັນນາທິການ (ເຊັ່ນ href="index.html")
  • ທໍານາຍໄປຫາຫົວຕອນທີ່ມີ id ກຳນົດ (ເຊັ່ນ href="#section2")
  • ອຸປະກອນອື່ນໆ (ເຊັ່ນ https://、ftp://、mailto:、file: ແລະອື່ນໆ)
  • ຄຳສັ່ງ (ເຊັ່ນ href="javascript:alert('Hello');")

ການສະໜັບສະໜູນບັນຊີບັນນາທິການ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ

HTML <a> 标签