Highlighted

Anchor ID in a document

New Here ,
Mar 11, 2020

Copy link to clipboard

Copied

I am trying to establish an anchor ID so I can link an html link to that anchor.  I can't find the properties box to set the anchor within DW CC 2020. Thanks!

TOPICS
Code, How to

Views

322

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Anchor ID in a document

New Here ,
Mar 11, 2020

Copy link to clipboard

Copied

I am trying to establish an anchor ID so I can link an html link to that anchor.  I can't find the properties box to set the anchor within DW CC 2020. Thanks!

TOPICS
Code, How to

Views

323

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Mar 11, 2020 0
Adobe Community Professional ,
Mar 11, 2020

Copy link to clipboard

Copied

Anchors fell out of use when they stopped being supported in the HTML Standard.

To link to specific areas of your page, give an element in that area a unique HTML ID from within the Properties panel, then link to it using #theidname as the link path.

<div id="maincontent">your content here </div>

 

<a href="#maincontent">Your link here</a>

 

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 11, 2020 0
New Here ,
Mar 11, 2020

Copy link to clipboard

Copied

I found this answer below.  I still cannot find the properties diaglogue box, perhaps it has been removed in this version?

 

Named anchors were removed from HTML5 a long time ago.  Simply give your section or container a unique ID and reference it in your link code. 

 

<section id="uniqueID">

CONTENT GOES HERE

</section>

 

<a href="#uniqueID">Link to unique ID on same page</a>

<a href="page_name.html#uniqueID">Link to unique ID on another page</a>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 11, 2020 0
Adobe Community Professional ,
Mar 11, 2020

Copy link to clipboard

Copied

Go to Window > Properties or hit Ctrl + F3 to open the Properties Window

Once open, make sure the HTML button on the left of the window is active.

Select your element and add a unique id (it can only appear as the id one time in a given page) in the ID Field

Select the text/element you want to use as a link and add #theid into the Link field of the Property Window.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 11, 2020 2