Lock Haven University

Academics

Foundation Spotlight Ron and JoAnn Bowes

Clearfield Campus

Alumni Association

Student Life

First time visit: View without clicking anything

Our Locations

LHU Events

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

October 2024

September 2024

Lock Haven University of Pennsylvania

Title / URL	Issues
Lock Haven Universitylockhaven.edu/	1
Academicslockhaven.edu/academics/index.html	1
Foundation Spotlight Ron and JoAnn Boweswww.lockhaven.edu/alumni/alumni_news/foundation_spotlight_ron_and_JoAnn_Bowes.html	1
Clearfield Campuslockhaven.edu/clearfield/	1
Alumni Associationlockhaven.edu/alumni/index.html	1
Student Lifelockhaven.edu/studentlife/	1
First time visit: View without clicking anythinglockhaven.edu/	1
Our Locationslockhaven.edu/locations/index.html	1
LHU Eventslockhaven.edu/calendar/index.html	1
LHU Eventswww.lockhaven.edu/calendar/index.html	1

Avoid linking to anchors that do not exist

Lock Haven University of Pennsylvania

Where this issue has occurred