12.09.2015 Views

Boot Camp

Web Authoring Boot Camp - StudioBast

Web Authoring Boot Camp - StudioBast

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Web Authoring <strong>Boot</strong> <strong>Camp</strong><br />

example, the HTML visitor agent may choose a different rendering as a function<br />

of the methods allowed; for example, something that is searchable may get a different<br />

icon.<br />

Webpage Title<br />

Title Attribute for Links<br />

Accessibility/usability requires adding a title attribute to all links, just like the alt and title<br />

attributes are added to images.<br />

In addition, the title attribute is where you can apply SEO techniques. On one hand, you<br />

can simple offer a quick one or two-word bit of information about what the link is, or you<br />

can add reasonable SEO-enhancing description.<br />

About Us<br />

About Us<br />

Kinds of Links<br />

• Absolute URLs: An absolute URL is a full http address for a website somewhere<br />

in the Internet, since this is the only way you can find the address. You would use<br />

it for links external to your website, and inside your own website for submitted<br />

form redirect pages. It is the fully typed out URL address.<br />

• Relative URLs: Relative links are for pages in your own web project, and they<br />

link to these files relative to where they are in relation to the page being linked<br />

from. They contain partial link information: href=”images/imagename.ext”<br />

• Email links: This operates the same way as normal links, but instead of linking to<br />

a web page, you link to an email address: href=”mailto:emailname@domain.com”<br />

• Anchor links: While all links are anchors, anchoring links are usually to a specific<br />

point in either the same document as the link, or to a specific place in another<br />

document in your website. They are used to shortcut the jump from the link to the<br />

information, such as using a links of section links on a long FAQs page, or jumping<br />

from a reference on one page to its citation on a reference listing page. <br />

• Images: Images are not linked using the tag, but pulled in with the <br />

tag. However, because you are still asking your code to show an image somewhere<br />

in your website, the linking locations below apply.<br />

112

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!