Link To An Element Within The Current Page [closed] - Stack Overflow
Có thể bạn quan tâm
Give the element you want to 'jump' to a clear ID, like so:
<p id="idOfTag">Your content goes here</p>Then in the link on the top of the page, make it refer to the id of that element (mind the #):
<a href="#idOfTag">Jump</a>Full example with multiple links:
<ul> <li><a href="#contentParagraph">Content</a></li> <li><a href="#mainPageParagraph">Main page</a></li> <li><a href="#documentParagraph">Document</a></li> <li><a href="#expensesParagraph">Expenses</a></li> </ul> <p id="contentParagraph"> <h4>Content</h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> <p id="mainPageParagraph"> <h4>Main page</h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> <p id="documentParagraph"> <h4>Document</h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> <p id="expensesParagraph"> <h4>Expenses</h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
Từ khóa » Html A Element
-
: The Anchor Element - HTML: HyperText Markup Language | MDN
-
HTML Elements Reference - HTML: HyperText Markup Language
-
HTML A Tag - W3Schools
-
HTML Elements - W3Schools
-
Custom Elements V1 - Reusable Web Components
-
What Is An HTML Element? - DigitalOcean
-
What Are HTML Tags And How Do You Use Them? - FreeCodeCamp
-
HTML - Elements - Tutorialspoint
-
Links In HTML Documents - W3C
-
HTML Tags Vs Elements - Tutorial Republic
-
Learn HTML: Elements And Structure Cheatsheet | Codecademy
-
.html() | JQuery API Documentation
-
HTML A Tag And Element - HTML Tutorials - W3resource