Hgroup element - Revision history

Annevk: removed Category:Proposals using HotCat

2014-09-28T06:16:59Z

← Older revision		Revision as of 06:16, 28 September 2014
Line 243:		Line 243:
	* Amazon		* Amazon
	* Wikipedia		* Wikipedia


	~~[[Category:Proposals]]~~

Annevk at 06:16, 28 September 2014

2014-09-28T06:16:39Z

← Older revision		Revision as of 06:16, 28 September 2014
Line 1:		Line 1:
	~~This page documents use cases and existing usage patterns related to marking up subtitles and taglines within headers~~.		{{obsolete\|spec=[https://html.spec.whatwg.org/multipage/semantics.html#the-hgroup-element HTML: <hgroup>]}}

	== Real World Examples ==		== Real World Examples ==

Stevefaulkner: /* Apple */ fix formatting

2013-03-07T11:15:29Z

Apple: fix formatting

← Older revision		Revision as of 11:15, 7 March 2013
Line 181:		Line 181:
	quad-core</span> processors and the latest NVIDIA graphics. <span class="nowrap">Cutting-edge</span> storage options. And much more.		quad-core</span> processors and the latest NVIDIA graphics. <span class="nowrap">Cutting-edge</span> storage options. And much more.
	No desktop has ever brought so much to the table.</h2>		No desktop has ever brought so much to the table.</h2>

	</hgroup>		</hgroup>
	</header>		</header>

Stevefaulkner: /* Apple */

2013-03-07T11:14:59Z

Apple

← Older revision		Revision as of 11:14, 7 March 2013
Line 188:		Line 188:
	<div id="content">		<div id="content">
	<p>		<p>
	<a href="/pr/products/ipad/ipad.html" onclick="s_objectID=&quot;http://www.apple.com/pr/products/ipad/ipad.html_1&quot;;return this.s_oc?this.s_oc(e):true">iPad 2 images</a>		<a href="/pr/products/ipad/ipad.html" onclick="s_objectID=&quot;http://www.apple.com/pr/products/ipad/ipad.html_1&quot;;return
			this.s_oc?this.s_oc(e):true">iPad 2 images</a>
	</p>		</p>

Stevefaulkner: /* Apple */ updated example to reflect current code source

2013-03-07T11:14:21Z

Apple: updated example to reflect current code source

← Older revision		Revision as of 11:14, 7 March 2013
Line 174:		Line 174:

	* Example page: [http://www.apple.com/imac/features.html Apple - iMac - Read about the features of the new iMac.]		* Example page: [http://www.apple.com/imac/features.html Apple - iMac - Read about the features of the new iMac.]
	<~~hgroup~~>		<header class="row flushpad" id="hero">
	<h1~~>~~<img src="http://images.apple.~~com~~/imac/images/~~features_title20110426~~.png" ~~alt="Its beauty is way more than screen~~ ~~deep. " width~~="~~766" height="46~~" class="~~center~~" ~~/>~~</~~h1>~~		<hgroup>
	<p class="~~intro~~"~~>All-new~~ quad-core processors~~. Advanced~~ graphics. ~~Thunderbolt technology~~. ~~FaceTime HD~~. ~~iMac is a~~ desktop ~~workhorse disguised as an all-in-one wonder~~.</~~p>~~		<h1><img width="686" height="102" class="center" alt="It’s amazing to look at. And even more amazing to use." src="http://images.apple.co
	</hgroup>		/imac/features/images/hero_title.png"></h1>
			<h2 class="intro center">A big, bold display. <span class="nowrap">Third-generation</span> <span class="nowrap">Intel
			quad-core</span> processors and the latest NVIDIA graphics. <span class="nowrap">Cutting-edge</span> storage options. And much more.
			No desktop has ever brought so much to the table.</h2>

			</hgroup>
			</header>

	* Example page: [http://www.apple.com/pr/library/2011/03/02ipad.html Apple - Press Info - Apple Launches iPad 2]		* Example page: [http://www.apple.com/pr/library/2011/03/02ipad.html Apple - Press Info - Apple Launches iPad 2]
Line 186:		Line 192:

	<h1>Apple Launches iPad 2</h1>		<h1>Apple Launches iPad 2</h1>
	<h2>All New Design is Thinner, Lighter & Faster with FaceTime, Smart Covers & 10 Hour Battery</h2>		<h2 class="subtitle"><div>All New Design is Thinner, Lighter & Faster with FaceTime, Smart Covers & 10 Hour Battery</div></h2>
	<p>		<p>
	SAN FRANCISCO—March 2, 2011—Apple® today introduced iPad™ 2...		SAN FRANCISCO—March 2, 2011—Apple® today introduced iPad™ 2...
	...		...
	</div>		</div>

			*

	=== [http://docbook.sf.net/ DocBook XSL Stylesheets] ===		=== [http://docbook.sf.net/ DocBook XSL Stylesheets] ===

Stevefaulkner: /* Project Gutenberg */ added extra heading markup example after looking at source

2013-03-07T10:41:29Z

Project Gutenberg: added extra heading markup example after looking at source

← Older revision		Revision as of 10:41, 7 March 2013
Line 43:		Line 43:
	<h2>A STORY OF THE FRENCH REVOLUTION</h2><br>		<h2>A STORY OF THE FRENCH REVOLUTION</h2><br>
	<h2>By Charles Dickens</h2>		<h2>By Charles Dickens</h2>

			Note further markup:

			<h2 class="booknum">BOOK ONE</h2>
			<h2>THE COMING OF THE MARTIANS</h2>
			<h3 class="chapnum">CHAPTER ONE</h3>
			<h3 class="chaptitle">THE EVE OF THE WAR</h3>

	=== [http://www.techdirt.com/ Techdirt] ===		=== [http://www.techdirt.com/ Techdirt] ===

Lachlan Hunt: Added The Guardian

2011-05-11T12:53:08Z

Added The Guardian

← Older revision		Revision as of 12:53, 11 May 2011
Line 202:		Line 202:
	=== [http://interactwithwebstandards.com/ InterACT with Web Standards] ===		=== [http://interactwithwebstandards.com/ InterACT with Web Standards] ===

	<h1>		<h1>
	<span id="title">InterACT With <strong>Web Standards</strong></span>		<span id="title">InterACT With <strong>Web Standards</strong></span>
	<span id="subtitle">A Holistic Approach to Web Design</span>		<span id="subtitle">A Holistic Approach to Web Design</span>
	</h1>		</h1>

			=== [http://www.fokus.se/2011/05/kort-triumf-for-obama/ From the Swedish Magazine Fokus] ===

	=== [http://www.~~fokus~~.~~se/2011/05/kort-triumf-for-obama~~/ ~~From the Swedish Magazine Fokus~~] ===		<h4>Utmanarna</h4>
			<p><em>Tio republikanska kandidater som kan bli ett hot mot Obamas andra presidentperiod.</em></p>

			=== [http://www.guardian.co.uk/ The Guardian (UK)] ===

	~~<h4>Utmanarna<~~/~~h4>~~		Example article: [http://www.guardian.co.uk/books/2011/may/10/us-prisoners-refused-books-bible US prisoners refused all books except Bible]
	~~<p><em>Tio republikanska kandidater som kan bli ett hot mot Obamas andra presidentperiod~~.~~<~~/~~em><~~/~~p>~~

			<div id="main-article-info">
			<h1>US prisoners refused all books except Bible</h1>
			<p id="stand-first" class="stand-first-alone">American Civil Liberties Union says jail in South Carolina is banning books 'for no good reason'</p>
			</div>

	=== Web sites that do not markup up subtitles at all ===		=== Web sites that do not markup up subtitles at all ===

Yakura: /* Apple */

2011-05-10T01:53:20Z

Apple

@@ Line 171: / Line 171: @@
     &lt;p class="intro"&gt;All-new quad-core processors. Advanced graphics. Thunderbolt technology. FaceTime HD. iMac is a desktop workhorse disguised as an all-in-one wonder.&lt;/p&gt;
   &lt;/hgroup&gt;
 === [http://docbook.sf.net/ DocBook XSL Stylesheets] ===

Itpastorn: Fokus (Swedish magazine)

2011-05-09T13:28:24Z

Fokus (Swedish magazine)

← Older revision		Revision as of 13:28, 9 May 2011
Line 193:		Line 193:
	<span id="subtitle">A Holistic Approach to Web Design</span>		<span id="subtitle">A Holistic Approach to Web Design</span>
	</h1>		</h1>


			=== [http://www.fokus.se/2011/05/kort-triumf-for-obama/ From the Swedish Magazine Fokus] ===

			<h4>Utmanarna</h4>
			<p><em>Tio republikanska kandidater som kan bli ett hot mot Obamas andra presidentperiod.</em></p>

	=== Web sites that do not markup up subtitles at all ===		=== Web sites that do not markup up subtitles at all ===

Itpastorn: InterACT + Web sites that do not markup up subtitles at all

2011-05-09T12:31:48Z

InterACT + Web sites that do not markup up subtitles at all

@@ Line 186: / Line 186: @@
     &lt;h2&gt;Beautifully crafted mobile web apps.&lt;/h2&gt;
   &lt;/hgroup&gt;
 [[Category:Proposals]]