Skip to main content
lukas-h
Participating Frequently
June 2, 2022
Question

Linking to Fragment Identifiers

  • June 2, 2022
  • 2 replies
  • 949 views

Does  anyone has any advice on how to create links to fragment identifiers? I was using Dreamweaver Creative Suite which worked fine for this. In fact, it was very good. Now, before someone says "named anchors are deprecated" let me say yes, I know this. But fragment identifiers are perfectly valid, non-deprecated HTML. In fact, you can still use anchors in exactly the same method with one caveat; that you don't use a "name" attribute" and instead use the ID attribute. Either way, in DW Creative Suite I could give a DIV, P or A element and ID attribute, then to create the link to it in Dreamweaver, you could drag the "Point to file" target tool in Properties to the element in the Design content view, and it would add the "#fragment-identifier" URL to the link box on the selected text. This was, and still is, perfectly valid HTML that IS NOT DEPRECATED. How do you create a link to a fragment identifier in Dreamweaver now that Adobe have broken the Point to File and linking.

 

Adobe have instructions on this page https://helpx.adobe.com/au/dreamweaver/using/linking.html#link_to_a_named_anchor_using_the_point_to_file_method but it doesn't work. I've tried to submit a bug report to Adobe but they just tell me that named anchors are deprecated. I tried to tell them I'm not using named anchors, I'm using ID'd anchors, which used to work in DW Creative Suite. But now I updated to Creative Cloud this important feature is broken. DW doesn't even behave how they say it does, and their support staff just tell me it's deprecated like complete idiots.

 

I've been reading and following W3C specifications since the late 90s, I know what I'm trying to do, and what used to work, IS NOT DEPRECATED and is perfectly valid HTML. How do you link to these without using code view and cut-and-paste? Alternatively, does anybody know any other software that something like this works for?

    This topic has been closed for replies.

    2 replies

    BenPleysier
    Community Expert
    June 3, 2022

    As @Nancy OShea says, only in code view.

     

    The software that I use also has no point and click, it does have select and fill-in-the-details while in preview mode.

     

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    lukas-h
    lukas-hAuthor
    Participating Frequently
    June 3, 2022

    Thanks @Nancy OShea and @BenPleysier, I know how to do this in code view. I'm specifically asking if there's a UI to do this as described in Adobe's help file I linked to. It used to work, and worked with IDs on any element. If Adobe don't fix it I'll stop my subscription and use my beloved text editor as I regularly work on very long documents with a table of contents at the top. To link all the fragment IDs used to be really easy in Creative Suite using the Point to File target tool (as described in Adobe's help page) — you just drag it down the page to the section to link to. Now this doesn't work and Adobe's user guide is wrong. It's a clear regression in funcionality by upgrading.

    @BenPleysier, thanks for the tip about Wappler. I'll give it a go. I already have BBEdit for code, if Wappler is good then I'll probably buy Pixelmator to replace Photoshop and then cancel my Adobe subscription. I've been using Adobe since 1998 so it seems like end of an era. I actually still miss Adobe GoLive

    BenPleysier
    Community Expert
    June 3, 2022

    It looks like I am a newbie in comparison, I started in 2000 on a ColdFusion project.

     

    This is a YouTube playlist that I am working on.

    https://www.youtube.com/playlist?list=PLUjqTJN3byC9fUoXFnoNGlYBCBZOJUPca

     

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    Nancy OShea
    Community Expert
    June 3, 2022

    Use manual code.

     

    On the same page:

    <a href="#ID"> Link<a>

     

    On another page:

    <a href="page_name.html/#ID">Link</a>

     

     

    Nancy O'Shea— Product User & Community Expert