YouTip

## HTML <blockquote> cite Attribute The `cite` attribute of the `

` tag is used to specify the source URL of a quoted section of text. It provides search engines, screen readers, and user agents with metadata about where the quoted content originated. --- ## Definition and Usage The `cite` attribute points to a resource (such as a webpage or online document) that explains or contains the quoted text. ### Key Characteristics: * **Semantic Value:** It adds semantic meaning to your HTML by explicitly linking the quote to its source. * **SEO & Machine Readability:** While major web browsers do not display this attribute directly to end-users on the page, search engines and web crawlers use it to gather context and establish relationships between content sources. * **Accessibility:** Screen readers and assistive technologies can read this attribute to inform users of the source of the quotation. --- ## Syntax ```html

Quoted text goes here...

``` --- ## Attribute Values | Value | Description | | :--- | :--- | | `URL` | The URL of the source document.

**Possible formats:**
• **Absolute URL:** Points to an external website (e.g., `cite="https://www.example.com/article.html"`).
• **Relative URL:** Points to a file within the same website (e.g., `cite="/resources/quotes.html"`). | --- ## Code Example The following example demonstrates how to use the `cite` attribute within a `

` element to reference the World Wildlife Fund (WWF) website: ```html

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally. WWF's unique way of working combines global reach with a foundation in science, involves action at every level from local to global, and ensures the delivery of innovative solutions that meet the needs of both people and nature.

``` --- ## Browser Support & Considerations | Chrome | Edge / IE | Firefox | Safari | Opera | | :---: | :---: | :---: | :---: | :---: | | Yes | Yes | Yes | Yes | Yes | ### Important Considerations: 1. **Visual Display:** No major web browser automatically displays the `cite` attribute's URL on the page or makes it clickable by default. 2. **Making it User-Readable:** If you want your human visitors to see and click the source link, you should also include a visible anchor tag (``) inside or immediately following the blockquote. For example: ```html

For 50 years, WWF has been protecting the future of nature...

```