Actions

Work Header

Rating:
Archive Warning:
Category:
Fandom:
Additional Tags:
Language:
English
Stats:
Published:
2023-01-28
Updated:
2023-01-29
Words:
5,729
Chapters:
6/7
Comments:
12
Kudos:
69
Bookmarks:
81
Hits:
1,945

A Guide to AO3 HTML

Chapter 2: Functionality Tags

Chapter Text

<a> is a functionality tag, which creates a link to the address specified by the “href” element like this:

This is a link to Google

The following attributes are possible within this tag:

download (specifies that the target will be downloaded when a user clicks on the hyperlink) - not permitted in ao3
href (specifies the url of the page the link goes to) - works for ao3
hreflang (specifies the language of the linked document) - not permitted in ao3
media (specifies what media/device the linked document is optimized for) - not permitted in ao3
ping (specifies a space-separated list of urls to which, when the link is followed, post requests with the body ping will be sent by the browser (in the background). typically used for tracking.) - not permitted in ao3
referrerpolicy (specifies which referrer information to send with the link) - not permitted in ao3
rel (specifies the relationship between the current document and the linked document (ao3 automatically makes every link "nofollow")) - works for ao3
target (specifies where to open the linked document) - not permitted in ao3
type (specifies the media type of the linked document) - not permitted in ao3

Find out more here


 

<abbr> is a functionality tag, which highlights the text it surrounds and provides hover-over text (note: does not work on touchscreen devices) like this:

just like this!

The following attribute is possible within this tag:

title (specifies the text for the hover-over) - works for ao3

Find out more here


 

<acronym> is a functionality tag, which is not supported by HTML5 but highlights the text it surrounds and provides hover-over text like this:

just like this!

The following attribute is possible within this tag:

title (specifies the text for the hover-over) - works for ao3

Find out more here


 

<dfn> is a functionality tag, which is a way of formatting the definition of a thing referenced like this:

just like this!

The following attribute is possible within this tag:

title (specifies the text for the hover-over) - works for ao3

Specific function on AO3:

works on AO3 but only the hover-over (which presents as a question mark before showing the title text)

Find out more here


 

<img> is a functionality tag, which inserts an image into the document like this:

The AO3 logo, red on white, which resembles, among other things, a cartoon figure bursting through a race finish line tape with their arms raised high

The following attributes are possible within this tag:

alt (specifies an alternate text for an image) - works for ao3
crossorigin (allow images from third-party sites that allow cross-origin access to be used with canvas) - not permitted in ao3
height (specifies the height of an image) - works for ao3
ismap (specifies an image as a server-side image map) - not permitted in ao3
loading (specifies whether a browser should load an image immediately or to defer loading of images until some conditions are met) - not permitted in ao3
longdesc (specifies a url to a detailed description of an image) - not permitted in ao3
referrerpolicy (specifies which referrer information to use when fetching an image) - not permitted in ao3
sizes (specifies image sizes for different page layouts) - not permitted in ao3
src (specifies the path to the image) - works for ao3
srcset (specifies a list of image files to use in different situations) - not permitted in ao3
usemap (specifies an image as a client-side image map) - not permitted in ao3
width (specifies the width of an image) - works for ao3

Find out more here