How to I add HTML anchors to a journal page?
Adding an ‘anchor’ into the HTML of a page allows you to then point hyperlinks from elsewhere to a precise place on your page. You are able to add an anchor into any page content that allows HTML editing within OJS. To add an anchor:
- the HTML will need an ‘id’ included within the HTML tag
- the ID must be unique
To create an anchor in the HTML, follow the below tagging format:
<span id=“[anchor term]”>[page content]</span>
for example
The text
Abstract
Research articles must have the main text prefaced by an abstract of no more than 250 words summarising the main arguments and conclusions of the article. This must have the heading ‘Abstract’ and be easily identified from the start of the main text.
A list of up to six key words may be placed below the abstract (optional).
The Abstract and Keywords should also be added to the metadata when making the initial online submission.
Could have the HTML as below, including the anchor pointing to the ‘Abstract’ text (bold just for emphasis)
<p><strong><span id=“abstract”>Abstract</span><br /></strong>Research articles must have the main text prefaced by an abstract of no more than 250 words summarising the main arguments and conclusions of the article. This must have the heading ‘Abstract’ and be easily identified from the start of the main text.</p>
<p>A list of up to six key words may be placed below the abstract (optional).</p>
<p>The Abstract and Keywords should also be added to the metadata when making the initial online submission.</p>
Text from elsewhere can then point to this anchor location by adding a href link with the #abstract anchor appended to the end of the URL.
For example, adding <a href="[anchor page URL]#abstract">Follow our guide to structuring abstracts</a></p> will link the text Follow our guide to structuring abstracts to the anchor location.