Hi all. I just wanted to give some more up-to-date and concrete advice about using anchors in Unbounce pages.
We’ve had a few customers using the Custom HTML box to manually add their own anchors, along the lines of:
However some were complaining that linking to these anchors wasn't working consistently across all browsers. Having investigated, I think some browsers don't respond to anchors without any text between the opening and closing `````` tags, like that one.
This plays into a larger issue, though Ð HTML5 no longer supports the `````` 'name' attribute. It's been dropped in favour of 'id', and browsers have supported using 'id' as an anchor for several years now. This means you probably don't need to create messy `````` elements all over your page Ð all you would need to do is link your visitors to anchors representing existing IDs on your pages.
Here's an example. Say I have two sections on my page and I want to give my visitor a link that'll take them straight to the second. If Unbounce has given the second section an ID of ``` #lp-pom-block-13 ``` :
[<img src='/uploads/unbounce/original/1X/3f4197325c58942b96de1fdbcd43bba7081e6517.png' alt=''>](https://d2r1vs3d9006ap.cloudfront.net/s3_images/1027363/anchor3.png?1393376735)
..then I can just send my visitors to ``` http://sub.mydomain.com/landingpage/#lp-pom-block-13 ``` . This will work with any page element that has an ID. No additional anchors needed!