Offices | Luther College

Study Away | Luther College

First time visit: View without clicking anything

Outcomes | Luther College

How to Apply | Luther College

Contact Us | Luther College

Visit | Luther College

News | Luther College

Departments | Luther College

Luther College | A private liberal arts college in Decorah, Iowa

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

December 2024

November 2024

Luther College

	Title / URL	Issues
	Offices \| Luther Collegewww.luther.edu/offices	4
	Study Away \| Luther Collegewww.luther.edu/academics/study-away	4
	First time visit: View without clicking anythingwww.luther.edu/	4
	Outcomes \| Luther Collegewww.luther.edu/academics/outcomes	4
	How to Apply \| Luther Collegewww.luther.edu/admission-aid/how-to-apply	4
	Contact Us \| Luther Collegewww.luther.edu/contact	4
	Visit \| Luther Collegewww.luther.edu/admission-aid/visit	4
	News \| Luther Collegewww.luther.edu/news	4
	Departments \| Luther Collegewww.luther.edu/departments	4
	Luther College \| A private liberal arts college in Decorah, Iowawww.luther.edu/	4

Avoid linking to anchors that do not exist

Luther College

Where this issue has occurred