News & Events - Hanover College

First time visit: View without clicking anything

About - Hanover College

Indiana's First Private College | Hanover College

Offices & Resources - Hanover College

Admission Staff - Hanover College

Leadership - Hanover College

Clubs & Organizations - Hanover College

Athletics - Hanover College

Student Services - Hanover College

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

November 2024

October 2024

Hanover College

Title / URL	Issues
News & Events - Hanover Collegewww.hanover.edu/about/news/	1
First time visit: View without clicking anythingwww.hanover.edu/	1
About - Hanover Collegewww.hanover.edu/about/	1
Indiana's First Private College \| Hanover Collegewww.hanover.edu/	1
Offices & Resources - Hanover Collegewww.hanover.edu/about/offices/	1
Admission Staff - Hanover Collegewww.hanover.edu/admission/staff/	1
Leadership - Hanover Collegewww.hanover.edu/about/leadership/	1
Clubs & Organizations - Hanover Collegewww.hanover.edu/studentlife/clubs/	1
Athletics - Hanover Collegewww.hanover.edu/athletics/	1
Student Services - Hanover Collegewww.hanover.edu/studentlife/services/	1

Avoid linking to anchors that do not exist

Hanover College

Where this issue has occurred