Web pages with a lot of content may benefit from well-structured headings accompanied by links at the top of the page to the content headings. The concept is analogous to a table of contents. These are commonly referred to as anchor links.<\/p>\n
You create a regular link (standard anchor tag in HTML) but in this case you link to a section on the same page using the First, organize your content using Next, in Text\/HTML editing mode, add When your headings are in place and have unique Web pages with a lot of content may benefit from well-structured headings accompanied by links at the top of the page to the content headings. The concept is analogous to a table of contents. These are commonly referred to as anchor links. You create a regular link (standard anchor tag in HTML) but in this…<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":304,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/159915"}],"collection":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/comments?post=159915"}],"version-history":[{"count":9,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/159915\/revisions"}],"predecessor-version":[{"id":159926,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/159915\/revisions\/159926"}],"up":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/304"}],"wp:attachment":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/media?parent=159915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}id<\/code> attribute of that section’s heading. This requires a bit of HTML editing (switching out of Visual editor into Text editor) but is relatively easy. Example code is included below.<\/p>\nh2<\/code> headings at the beginning of your content sections. Use concise headings with relevant keywords.<\/p>\nid<\/code> attributes with unique keywords to your headings. Remember to use unique id<\/code>s that are not repeated elsewhere on the page. In the example code below, id=\"intro\"<\/code>, id=\"research\"<\/code>, id=\"findings\"<\/code>, and id=\"conclusions\"<\/code> are the attributes added to heading tags.<\/p>\nid<\/code>s, you can then link to them from elsewhere on the page. Type your link text and highlight it, click the link button, but instead of searching for page\/post or typing in a URL, enter the hashtag symbol #<\/code> followed by the id of the section you want to link to. Important: begin every anchor link with the hashtag symbol — that is how web browsers know it’s an anchor link.<\/p>\n\r\n<!-- Anchor Links -->\r\n<ul>\r\n<li><a href="#intro">Introduction<\/a><\/li>\r\n<li><a href="#research">Research<\/a><\/li>\r\n<li><a href="#findings">Findings<\/a><\/li>\r\n<li><a href="#conclusions">Conclusions<\/a><\/li>\r\n<\/ul>\r\n\r\n<!-- Anchor destinations -->\r\n\r\n<h2 id="intro">Introduction<\/h2>\r\nThis is the content for the Introduction section of the page.\r\n\r\n<h2 id="research">Research<\/h2>\r\nThis is the content for the Research section of the page.\r\n\r\n<h2 id="findings">Findings<\/h2>\r\nThis is the content for the Findings section of the page.\r\n\r\n<h2 id="conclusions">Conclusions<\/h2>\r\nThis is the content for the Conclusions section of the page.\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"