Semantic HTML - Historial de revisió

Deraadt: Replaced content with "{{Moved_to_dev_docs}}"

2011-06-22T08:08:34Z

Replaced content with "{{Moved_to_dev_docs}}"

Mostra els canvis

Nakohdo: /* See also */

2010-03-16T15:24:42Z

Nakohdo: /* Books: */

2009-08-26T06:13:45Z

Books:

← Versió més antiga		Revisió del 06:13, 26 ago 2009
Línia 118:		Línia 118:

	* [http://www.zeldman.com/dwws/ Designing with Web Standards, 2nd ed.] by Jeffrey Zeldman - This book is the single most useful source for getting you on track for writing semantic code. Highly recommended!		* [http://www.zeldman.com/dwws/ Designing with Web Standards, 2nd ed.] by Jeffrey Zeldman - This book is the single most useful source for getting you on track for writing semantic code. Highly recommended!
	~~'''Bold text'''~~

	== See also ==		== See also ==

Nakohdo: /* Avoid "divitis" and "classitis" */

2009-06-21T17:05:18Z

Avoid "divitis" and "classitis"

← Versió més antiga		Revisió del 17:05, 21 juny 2009
Línia 89:		Línia 89:
	Another disease in the CSS world is called "classitis", the excessive use of classes (mainly for non-semantic reasons). For examples and hints to avoid this see [http://www.cssnewbie.com/combating-classitis/ "Combating Classitis with Cascades and Sequential Selectors"] by Rob Glazebrook.		Another disease in the CSS world is called "classitis", the excessive use of classes (mainly for non-semantic reasons). For examples and hints to avoid this see [http://www.cssnewbie.com/combating-classitis/ "Combating Classitis with Cascades and Sequential Selectors"] by Rob Glazebrook.

	Here's an example for a ~~useless~~ class:		Here's an example for a meaningless class:

	<code php>		<code php>

Nakohdo: /* Avoid "divitis" and "classitis" */

2009-06-21T17:03:39Z

Avoid "divitis" and "classitis"

← Versió més antiga		Revisió del 17:03, 21 juny 2009
Línia 88:		Línia 88:

	Another disease in the CSS world is called "classitis", the excessive use of classes (mainly for non-semantic reasons). For examples and hints to avoid this see [http://www.cssnewbie.com/combating-classitis/ "Combating Classitis with Cascades and Sequential Selectors"] by Rob Glazebrook.		Another disease in the CSS world is called "classitis", the excessive use of classes (mainly for non-semantic reasons). For examples and hints to avoid this see [http://www.cssnewbie.com/combating-classitis/ "Combating Classitis with Cascades and Sequential Selectors"] by Rob Glazebrook.

			Here's an example for a useless class:

			<code php>
			<a class="link" href="admin/register.php">...</a>
			</code>

	== Further resources ==		== Further resources ==

Nakohdo: /* Avoid "divitis" and "classitis" */

2009-06-11T13:54:09Z

Avoid "divitis" and "classitis"

← Versió més antiga		Revisió del 13:54, 11 juny 2009
Línia 87:		Línia 87:
	Source: [http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/ "Table Layouts vs. Div Layouts: From Hell to… Hell?"] by Geir Wavik, from ''Smashing Magazine''		Source: [http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/ "Table Layouts vs. Div Layouts: From Hell to… Hell?"] by Geir Wavik, from ''Smashing Magazine''

	Another disease in the CSS world is called "classitis". For examples and hints to avoid this see [http://www.cssnewbie.com/combating-classitis/ "Combating Classitis with Cascades and Sequential Selectors"] by Rob Glazebrook.		Another disease in the CSS world is called "classitis", the excessive use of classes (mainly for non-semantic reasons). For examples and hints to avoid this see [http://www.cssnewbie.com/combating-classitis/ "Combating Classitis with Cascades and Sequential Selectors"] by Rob Glazebrook.

	== Further resources ==		== Further resources ==

Nakohdo: /* Avoid "divitis" and "classitis" */

2009-06-11T13:52:39Z

Avoid "divitis" and "classitis"

← Versió més antiga		Revisió del 13:52, 11 juny 2009
Línia 87:		Línia 87:
	Source: [http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/ "Table Layouts vs. Div Layouts: From Hell to… Hell?"] by Geir Wavik, from ''Smashing Magazine''		Source: [http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/ "Table Layouts vs. Div Layouts: From Hell to… Hell?"] by Geir Wavik, from ''Smashing Magazine''

			Another disease in the CSS world is called "classitis". For examples and hints to avoid this see [http://www.cssnewbie.com/combating-classitis/ "Combating Classitis with Cascades and Sequential Selectors"] by Rob Glazebrook.
	Another disease in the CSS world is called "classitis". For examples and hints to avoid this see [[http://www.cssnewbie.com/combating-classitis/ "Combating Classitis with Cascades and Sequential Selectors"] by Rob Glazebrook.

	== Further resources ==		== Further resources ==

Nakohdo: /* "Divitis" */

2009-06-11T13:38:22Z

"Divitis"

← Versió més antiga		Revisió del 13:38, 11 juny 2009
Línia 81:		Línia 81:
	(Example taken from one of Moodle's standard themes.)		(Example taken from one of Moodle's standard themes.)

	== "~~Divitis~~" ==		== Avoid "divitis" and "classitis" ==

	"The div tag is a block-level element that defines a section within a document. Divs are thus suitable for building the structure of Web pages. The div tag is also used to describe content that cannot be properly described by other more semantic tags. When developers do not understand the semantic meaning of other block-level elements, they often add more div tags than are needed."		"The div tag is a block-level element that defines a section within a document. Divs are thus suitable for building the structure of Web pages. The div tag is also used to describe content that cannot be properly described by other more semantic tags. When developers do not understand the semantic meaning of other block-level elements, they often add more div tags than are needed."

	Source: [http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/ "Table Layouts vs. Div Layouts: From Hell to… Hell?"] from ''Smashing Magazine''		Source: [http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/ "Table Layouts vs. Div Layouts: From Hell to… Hell?"] by Geir Wavik, from ''Smashing Magazine''


			Another disease in the CSS world is called "classitis". For examples and hints to avoid this see [[http://www.cssnewbie.com/combating-classitis/ "Combating Classitis with Cascades and Sequential Selectors"] by Rob Glazebrook.

	== Further resources ==		== Further resources ==

Nakohdo: /* Divitis */

2009-06-11T13:26:09Z

Divitis

← Versió més antiga		Revisió del 13:26, 11 juny 2009
Línia 81:		Línia 81:
	(Example taken from one of Moodle's standard themes.)		(Example taken from one of Moodle's standard themes.)

	== Divitis ==		== "Divitis" ==

	"The ~~biggest problem with~~ div ~~tags~~ is that ~~they~~ are ~~used too often~~. ~~Divs should only be~~ used to ~~build structure and as placeholders for design elements when no~~ other block-level elements ~~can describe the content~~."		"The div tag is a block-level element that defines a section within a document. Divs are thus suitable for building the structure of Web pages. The div tag is also used to describe content that cannot be properly described by other more semantic tags. When developers do not understand the semantic meaning of other block-level elements, they often add more div tags than are needed."

	Source: [http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/ "Table Layouts vs. Div Layouts: From Hell to… Hell?"]		Source: [http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/ "Table Layouts vs. Div Layouts: From Hell to… Hell?"] from ''Smashing Magazine''

	== Further resources ==		== Further resources ==

Nakohdo: /* Divitis */

2009-06-11T13:23:36Z

Divitis

← Versió més antiga		Revisió del 13:23, 11 juny 2009
Línia 84:		Línia 84:

	"The biggest problem with div tags is that they are used too often. Divs should only be used to build structure and as placeholders for design elements when no other block-level elements can describe the content."		"The biggest problem with div tags is that they are used too often. Divs should only be used to build structure and as placeholders for design elements when no other block-level elements can describe the content."

	Source: [http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/ "Table Layouts vs. Div Layouts: From Hell to… Hell?"]		Source: [http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/ "Table Layouts vs. Div Layouts: From Hell to… Hell?"]

← Versió més antiga		Revisió del 15:24, 16 març 2010
Línia 125:		Línia 125:
	* [[Usability FAQ]]		* [[Usability FAQ]]
	* [[CSS FAQ]]		* [[CSS FAQ]]

			* [http://www.sitepoint.com/blogs/2010/03/16/the-tragic-comedy-that-is-rich-text-editing-on-the-web/ "The Tragic Comedy that is Rich Text Editing on the Web"] - SitePoint blog

	* For more examples how to make Moodle HTML more semantic you might also have a look at this work in progress: [[User:Frank Ralf/Semantic HTML1]].		* For more examples how to make Moodle HTML more semantic you might also have a look at this work in progress: [[User:Frank Ralf/Semantic HTML1]].