Events | UofL

About | UofL

Apply Now | Undergraduate Admissions

Online Programs at the University of Louisville: Spread Your Wings

Academics | UofL

Contact Us | UofL

Mission | UofL

Visits | UofL

Offices & Departments | UofL

University Housing & Resident Experience — University Housing and the Resident Experience

Do not link to an anchor on the page that does not exist. For example:
linking to `#content` without a valid destination such as `<body id="content"></body>`.

A common web design pattern is to use a named anchor to show an element via JavaScript, e.g.

```html
<a href="#foo" onclick="$('.bar').toggle();">Click me</a>
<div class="bar">
    This is some content.
</div>
``` 

In these cases, the anchor (`#foo`) should point to the `id` of the hidden element:

```html
<a href="#foo" onclick="$('#foo').toggle();">Click me</a>
<div id="foo">
    This is some content.
</div>
```

This way the semantic intent of the link is preserved, even without JavaScript. 
Note that doing so may require modification to your script, to prevent automatic 
scrolling to the named anchor.

linking-to-anchor-on-page-that-does-not-exist

June 2025

May 2025

The University of Louisville

Title / URL	Issues
Events \| UofLlouisville.edu/visits/events	1
About \| UofLlouisville.edu/about	1
Apply Now \| Undergraduate Admissionslouisville.edu/admissions/apply	1
Online Programs at the University of Louisville: Spread Your Wingslouisville.edu/online	1
Academics \| UofLlouisville.edu/academics	1
Contact Us \| UofLlouisville.edu/about/contact-us	1
Mission \| UofLlouisville.edu/about/mission	1
Visits \| UofLlouisville.edu/visits	1
Offices & Departments \| UofLlouisville.edu/departments	1
University Housing & Resident Experience — University Housing and the Resident Experiencelouisville.edu/housing	1

Avoid linking to anchors that do not exist

The University of Louisville

Where this issue has occurred