Skip to content
Marcos Cáceres edited this page Jun 7, 2016 · 11 revisions

Overrides the standard W3C logo with one or more other logos.

The logos property takes an array that contains a set of objects. Each of these objects contains:

src
URL to the source.
alt
The alt attribute value.
height
The height of the image.
width
The width of the image.
id
The id of the image element.
href
Where to navigate to when the logo is pressed.

Example

var respecConfig = {
  logos: [{
    src: 'https://example.com/logo.gif',
    href: "https://example.com",
    alt: "The Example company",
    width: 100,
    height: 42,
    id: 'example-company-logo',
  }]
}

Would output:

<p>
  <a href="https://example.com">
    <span id="example-company-logo">
      <img
          src="https://example.com/logo.gif" 
          width='100' 
          height='42'
          alt='The Example company'>
    </span>
  </a>
</p>

Guides

Configuration options

W3C Configuration options

Linter rules

Internal properties

Handled by ReSpec for you.

Special <section> IDs

HTML elements

Custom Elements

WebIDL

HTML attributes

CSS Classes

Special properties

Clone this wiki locally