# Linking to pages or views

The [hyperlink](https://velara-3.gitbook.io/web-export/element-options/hyperlink) field provides a way to create a link from your current view to another page or view. 

When you create a Prototype in Adobe XD you are creating links from one artboard to another. 

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LtQ0vtVMRLwk8v0Owbx%2F-LtQ2CD0iax2Oyl-5fPY%2Fimage.png?alt=media\&token=0c6f6f37-c6b9-46f9-bc03-7d7eb404118a)

You can create links to other pages manually or you can create links via prototype. 

{% embed url="<https://youtu.be/wCxQ-hHnmGc>" %}

When you export to the web with Web Export any element that has an interaction to go to another artboard will be linked by default to another page or view.&#x20;

The links that you create in Prototype mode that are created during export are called Inherited links or prototype links because you did not manually assign them or enter them.

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LtQ0vtVMRLwk8v0Owbx%2F-LtQ2kHKeTGSCiTHLROQ%2Fimage.png?alt=media\&token=79e6c19e-2de7-4458-baec-5abbb003f2f7)

The inherited prototype links have a different icon than manual links.&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LtQ0vtVMRLwk8v0Owbx%2F-LtQ2wZ4goo_-TdimMm6%2Fimage.png?alt=media\&token=ced18881-649b-43af-b856-35707ba58f08)

You can detach the prototype links by using the detach or clear link button.&#x20;

![Detach link is on the right](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LtQ0vtVMRLwk8v0Owbx%2F-LtQ3-hFBF_tPqWuuzUw%2Fimage.png?alt=media\&token=1075e6d1-2364-46f3-a060-686f78fc2774)

The link that's created will be a link to a page or a link to a view.&#x20;

In other words the links to artboards will point to "page2.html" or "goToView("page2")" depending on if you have Multipage or Single Page selected in the [Export Artboard](https://velara-3.gitbook.io/web-export/export-artboard-dialog) dialog.&#x20;

To open the page in a new browser window set the hyperlink target to "\_blank".&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LtQ0vtVMRLwk8v0Owbx%2F-LtQ5btopBPpJUDmVCRP%2Fimage.png?alt=media\&token=7554710f-52fc-4f5e-805b-2b0202a21ef5)

Sometimes you may not want a link to be wrapped around an element for styling reasons but be a link element itself.&#x20;

You can change this by selecting the element, changing it's [tag name](https://velara-3.gitbook.io/web-export/element-options/tag-name) to "a" for anchor and then entering the hyperlink attributes in the [attributes](https://velara-3.gitbook.io/web-export/element-options/attributes) field. If you manually create a link remove any automatic links set in the hyperlink field by erasing the field or using the detach link button.&#x20;

{% embed url="<https://youtu.be/q2yqDS1HbkI>" %}

{% embed url="<https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks>" %}