Bookstore | Hope College

Apply | Admissions

Academics | Hope College

Research | Hope College

Social Sciences Division | Hope College

Student Life | Hope College

404 Not Found

Kruizenga Art Museum

Visit | Hope College

Klooster Center for Excellence in Writing | Hope 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

June 2024

May 2024

Hope College

Title / URL	Issues
Bookstore \| Hope Collegehope.edu/offices/bookstore/	12
Apply \| Admissionshope.edu/admissions/apply.html	12
Academics \| Hope Collegehope.edu/academics/index.html	12
Research \| Hope Collegehope.edu/research/index.html	12
Social Sciences Division \| Hope Collegehope.edu/academics/social-sciences/	12
Student Life \| Hope Collegehope.edu/offices/student-life/	12
404 Not Foundhope.edu/invented-url-for-404-page	12
Kruizenga Art Museumhope.edu/arts/kam/index.html	12
Visit \| Hope Collegehope.edu/admissions/visit/index.html	12
Klooster Center for Excellence in Writing \| Hope Collegehope.edu/offices/klooster-center/	12

Avoid linking to anchors that do not exist

Hope College

Where this issue has occurred