- Skip to main content
- Skip to "About this site"

# Feeds

- Documentation
- Questions or comments?

This feature provides a widget for aggregating and displaying the entries from one or more Web feeds on a Web page. Supported Web feed formats are Atom, RSS, and Media RSS.

## Examples

### Road News Releases and Safety Recalls

- Road News Releases (All)
- Road Safety Recalls

#### Code

View code

    <section class="wb-feeds limit-5">
    	<h3>Road News Releases and Safety Recalls</h3>
    	<ul class="feeds-cont">
    		<li>
    			<a href="http://www.tc.gc.ca/mediaroom/rss/road.xml" rel="external">Road News Releases (All)</a>
    		</li>
    		<li>
    			<a href="http://wwwapps.tc.gc.ca/Saf-Sec-Sur/7/VRDB-BDRV/search-recherche/rss.aspx?lang=eng" rel="external">Road Safety Recalls</a>
    		</li>
    	</ul>
    </section>

### Ottawa Weather

- Ottawa Ontario

#### Code

View code

    <section class="wb-feeds limit-1">
    	<h3>Ottawa Weather</h3>
    	<ul class="feeds-cont">
    		<li>
    			<a href="http://weather.gc.ca/rss/city/on-118_e.xml" rel="external">Ottawa Ontario</a>
    		</li>
    	</ul>
    </section>

### Tabbed feeds

Flickr

#### Flickr

- Environment Canada Flickr

YouTube

#### YouTube

- Parks Canada Youtube

#### Code

View code

    <section>
    	<h3>Tabbed Social Feeds</h3>
    	<div class="wb-tabs col-md-5 wb-eqht">
    		<div class="tabpanels">
    			<details id="details-flickr">
    				<summary>Flickr</summary>
    				<section class="wb-feeds limit-10">
    					<h4 class="wb-inv">Flickr</h4>
    					<ul class="feeds-cont list-inline">
    						<li>
    							<a href="https://www.flickr.com/photos/environmentcan" rel="external" data-ajax="https://api.flickr.com/services/feeds/photos_public.gne?id=47711201@N05&amp;format=json">Environment Canada Flickr</a>
    						</li>
    					</ul>
    					<div class="clearfix"></div>
    				</section>
    			</details>

    			<details id="details-youtube">
    				<summary>YouTube</summary>
    				<section class="wb-feeds limit-10">
    					<h4 class="wb-inv">YouTube</h4>
    					<ul class="feeds-cont list-inline">
    						<li>
    							<a href="https://www.youtube.com/user/ParksCanadaAgency" rel="external" data-ajax="https://gdata.youtube.com/feeds/api/users/UCzJRhTw3KVtDlcdNz33eDMQ/uploads?v=2&amp;alt=json">Parks Canada Youtube</a>
    						</li>
    						<li>
    							<a href="https://www.youtube.com/user/fisheriescanada?feature=results_main" rel="external" data-ajax="https://gdata.youtube.com/feeds/api/users/UC5D1a5R8bbrTXEJrjmRX7gA/uploads?v=2&amp;alt=json">Department of Fisheries and Oceans’ YouTube</a>
    						</li>
    					</ul>
    					<div class="clearfix"></div>
    				</section>
    			</details>
    		</div>
    	</div>
    	<div class="clearfix"></div>
    </section>

## Parameters

Class (parameter) | Role | Details
--- | --- | ---
`wb-feeds` | Identifier | Main targeting class that identifies the code block used for the Web feeds widget.
`limit-x` | Display | Controls the amount of items the Web feeds widget will display.

Date modified:
  2014-07-28