HTML5 Referenz – Vollständige Liste aller HTML5 Tags

12. April 2010 at 17:31

Hier eine Liste der kompletten HTML 5 Tags.

  • 4* Diese Elemente sind definiert unter 4+
  • 5* Diese Elemente sind in HTML 5 definiert

Tag Description 4 5
<comment> Defines a comment 4 5
<DOCTYPE> Defines the document type 4 5
<a> Defines a hyperlink 4 5
<abbr> Defines an abbreviation 4 5
<acronym> Not supported. Defines an acronym 4
<address> Defines an address element 4 5
<applet> Not supported. Defines an applet 4
<area> Defines an area inside an image map 4 5
<article> Defines an article 5
<aside> Defines content aside from the page content 5
<audio> Defines sound content 5
<b> Defines bold text 4 5
<base> Defines a base URL for all the links in a page 4 5
<basefont> Not supported. Use CSS instead 4
<bdo> Defines the direction of text display 4 5
<big> Not supported. Defines big text 4
<blockquote> Defines a long quotation 4 5
<body> Defines the body element 4 5
<br> Inserts a single line break 4 5
<button> Defines a push button 4 5
<canvas> Defines graphics 5
<caption> Defines a table caption 4 5
<center> Not supported. Defines centered text 4
<cite> Defines a citation 4 5
<code> Defines computer code text 4 5
<col> Defines attributes for table columns 4 5
<colgroup> Defines groups of table columns 4 5
<command> Defines a command button 5
<datagrid> Defines data in a tree-list 5
<datalist> Defines a dropdown list 5
<datatemplate> Defines a data template 5
<dd> Defines a definition description 4 5
<del> Defines deleted text 4 5
<details> Defines details of an element 5
<dialog> Defines a dialog (conversation) 5
<dir> Not supported. Defines a directory list 4
<div> Defines a section in a document 4 5
<dfn> Defines a definition term 4 5
<dl> Defines a definition list 4 5
<dt> Defines a definition term 4 5
<em> Defines emphasized text 4 5
<embed> Defines external interactive content or plugin 5
<eventsource> Defines a target for events sent by a server 5
<fieldset> Defines a fieldset 4 5
<figure> Defines a group of media content, and their caption 5
<font> Deprecated. Defines text font, size, and color 4
<footer> Defines a footer for a section or page 5
<form> Defines a form 4 5
<frame> Not supported. Defines a sub window (a frame) 4
<frameset> Not supported. Defines a set of frames 4
<h1> to <h6> Defines header 1 to header 6 4 5
<head> Defines information about the document 4 5
<header> Defines a header for a section or page 5
<hr> Defines a horizontal rule 4 5
<html> Defines an html document 4 5
<i> Defines italic text 4 5
<iframe> Defines an inline sub window (frame) 4 5
<img> Defines an image 4 5
<input> Defines an input field 4 5
<ins> Defines inserted text 4 5
<isindex> Not supported. Defines a single-line

input field

4
<kbd> Defines keyboard text 4 5
<label> Defines a label for a form control 4 5
<legend> Defines a title in a fieldset 4 5
<li> Defines a list item 4 5
<link> Defines a resource reference 4 5
<mark> Defines marked text 5
<map> Defines an image map 4 5
<menu> Defines a menu list 4 5
<meta> Defines meta information 4 5
<meter> Defines measurement within a predefined range 5
<nav> Defines navigation links 5
<nest> Defines a nestingpoint in a datatemplate 5
<noframes> Not supported. Defines a noframe section 4
<noscript> Defines a noscript section 4 5
<object> Defines an embedded object 4 5
<ol> Defines an ordered list 4 5
<optgroup> Defines an option group 4 5
<option> Defines an option in a drop-down list 4 5
<output> Defines some types of output 5
<p> Defines a paragraph 4 5
<param> Defines a parameter for an object 4 5
<pre> Defines preformatted text 4 5
<progress> Defines progress of a task of any kind 5
<q> Defines a short quotation 4 5
<rule> Defines the rules for updating a template 5
<s> Not supported. Defines strikethrough text 4
<samp> Defines sample computer code 4 5
<script> Defines a script 4 5
<section> Defines a section 5
<select> Defines a selectable list 4 5
<small> Defines small text 4 5
<source> Defines media resources 5
<span> Defines a section in a document 4 5
<strike> Not supported. Defines strikethrough text 4
<strong> Defines strong text 4 5
<style> Defines a style definition 4 5
<sub> Defines subscripted text 4 5
<sup> Defines superscripted text 4 5
<table> Defines a table 4 5
<tbody> Defines a table body 4 5
<td> Defines a table cell 4 5
<textarea> Defines a text area 4 5
<tfoot> Defines a table footer 4 5
<th> Defines a table header 4 5
<thead> Defines a table header 4 5
<time> Defines a date/time 5
<title> Defines the document title 4 5
<tr> Defines a table row 4 5
<tt> Not supported. Defines teletype text 4
<u> Not supported. Defines underlined text 4
<ul> Defines an unordered list 4 5
<var> Defines a variable 4 5
<video> Defines a video 5
<xmp> Not supported. Defines preformatted text 4

Kostenloses Tool zum visualisieren der IT-Infrastruktur

31. März 2010 at 08:46

Ihr sucht eine kostenlose Software um eure IT-Infrastruktur zu visualisieren?

Das kostenlose Tool Network Notepad ist eure Lösung.

ScreenShots findet ihr hier

Zeilenumbruch erzwingen mit CSS auch bei zu langen urls/texten

29. März 2010 at 15:53

Ihr kennt sicher das Problem bei zu langen URLs oder Kommentaren welche bei Tabellen freien CSS-Layouts ggf. über den Rand hinaus gehen. Die Lösung ist folgender CSS-Code:

.break-word {
  word-wrap: break-word;
}

Submit eines Form mit vorheriger JavaScript Abfrage (ja/nein) steuern

26. März 2010 at 15:23

Zwar super simple Sache für jeden der nur ein klein wenig Ahnung von JavaScript hat, aufgrund der Frage eines Freundes wie das geht hier eine kurze Erläuterung. Ausgangssituation ist dass ihr ein Formular (Form-Element) mit einem Input-Submit Button habt. Vor dem absenden des Form möchtet ihr allerdings noch mal den Benutzer fragen ob er das tatsächlich möchte (Ja/Nein-Abfrage).

Das könnt ihr ganz einfach wie folgt umsetzen:

<script language="javascript">function msgBox()
{
  return window.confirm("Wollen Sie wirklich abschicken??");
}
//-->
</script>
<form action="index.php" method="post" name="form1">
<input type="text" name="text1" />
<input type="submit" name="submit1" value="Abschicken" onclick="return msgBox();" />
</form>

Ich hoffe mit diesem simplen Code-Schnippel noch mehr als nur 1 Person geholfen zu haben, deshalb auch die Veröffentlichung hier im Blog!

35 wirklich hilfreiche PHP Tutorials and Techniken für Entwickler

26. März 2010 at 10:23

35 wirklich hilfreiche PHP Tutorials and Techniken für Entwickler. Themen sind neben PHP auch JQuery, MySQL, CSS und alles was das Web-Entwickler-Herz begehrt. Hier geht es zum Link.

JQuery Tutorial für Anfänger & HTML5 & CSS3 Tools & Anleitungen

25. März 2010 at 11:51

Bestimmt für den ein oder anderen Einsteiger nützlich, deshalb wollen wir euch die Links nicht vorenthalten.

jQuery Tutorial für Anfänger

22 Handy HTML5 & CSS3 Tools, Resources And Guides

Fighting Against Poverty – I feel good

24. März 2010 at 17:20

Es ist so einfach etwas gutes zu tun …

Feeldgood

Warum Social Media in Unternehmen scheitert – Was bringt Social Media?

24. März 2010 at 09:45

Viele Unternehmer fragen sich „Was bringt mir das Ganze?“ …  Twitter, Facebook, VZ, MySpace …  und all die anderen Websites welche gemeinhin unter Social Media verstanden werden sind ständige heiß begehrte Themen, jeder redet darüber. Doch was genau bringt es einem Unternehmen hier aktiv zu werden? Die meisten Unternehmer fragen sich am Ende des Tages welchen ROI ihm seine Social Media Aktivitäten gebracht hat. Gibt es darauf keine genaue Antwort oder ist dies nicht messbar, so werden die Aktivitäten meist (vor allen in kleineren Unternehmen) nach kürzester Zeit wieder eingestellt.

Die Social Media Experten (und von denen gibt es aktuell seeeeeeeeehr viele) der Überzeugung sind, dass einfach jedes Unternehmen, sei es der Kiosk um die Ecke, als auch die großen Big-Player Unternehmen Social-Media Aktivitäten durchführen müssen. Unternehmer sind da meist skeptischer, sind die Marketingkosten doch so schon hoch und der Sinn für viele ganz klar bzw. Social-Media generell undurchsichtig. Teilweise ist die Skepsis zu recht angepasst, fehlt doch bei vielen eine durchdachte Strategie mit messbaren Zielen.

Für einige Unternehmen haben sich die Social Media Aktivitäten bereits rentiert. Ist die Strategie wohl durchdacht und mit dementsprechenden Nachdruck von Personen durch geführt welche dem Unternehmen verfallen sind, so stehen die Chance gut, dass am Ende des Tages ein positiver ROI aus dem Bereich Social Media entstehen.

5 Punkte die bei einer Social Media Kampagne ausgearbeitet werden müssen:

  1. Was ist mein Ziel – was sind meine Ziele?
  2. Welche Zielgruppe möchte ich ansprechen?
  3. Wer im Unternehmen kümmert sich um die Social Media Aktivitäten und wie werden diese koordiniert (Social Media muss auch Chefsache sein!)?
  4. Wie werden alle Mitarbeiter des Unternehmens in die Social Media Aktivitäten einbezogen, welche allgemein gültigen Regeln gibt es hier?
  5. Wie gehen Sie mit für jeden im Web lesbarer Kritik, Widerstand, etc… um? Überlegen Sie sich schon vorab wie Sie entsprechend reagieren bzw. ihre Mitarbeiter reagieren sollen.
Ähnlich ist die Goldgräberstimmung im Bereich Social Media. Für manche Unternehmen haben sich die Social Media Aktivitäten bereits rentiert und wenn diese wohl durchdacht und mit dementsprechenden Nachdruck von Personen die dem Unternehmen verfallen sind (im Sinne von “addicted”) diese Social Media Aktivitäten durchführen, so stehen die Chance gut, dass am Ende des Tages ein positiver ROI aus dem Bereich Social Media entstehen.

JavaScript Debugging mit Firebug

23. März 2010 at 14:48

Eine ausführliche Anleitung zum Debugging von Java-Script im Firefox findet ihr hier.

Webseiten-Check: Überprüfung der Lesbarkeit & SEO Analyse

23. März 2010 at 09:42

Für den Erfolg einer Webseite ist es wichtig dass die Texte verständlich sind und eine hohe Lesbarkeit aufweisen. Nur so kann er von den Besuchern & Suchmaschinen schnell & verständlich gelesen werden, wodurch Empfehlungen entstehen (Link-Building). Als Messgröße für die Lesbarkeit wird im deutschsprachigen Raum gerne der Flesch-Reading-Ease Index verwendet. Dieser Lesbarkeitsindex gibt die Schwierigkeit der Lesbarkeit eines Textes in unterschiedlichen Abstufungen wieder.

Die folgenden kostenlosen Dienste helfen Euch bei der Analyse eurer Webseite/Texte:

http://www.leichtlesbar.ch – Einfache und schnelle Auswertung des Lesbarkeitsindex.

http://www.stilversprechend.de – Ideal um Lesbarkeit von Texten zu prüfen.

http://seittest.de/ – Neben der Text-Prüfung erfolgt eine SEO-Analyse der Webseite, das umfangreichste Tool.

Kennt ihr weitere kostenlose Tools? Schreibt ein Kommentar und ich nehme es mit in die Liste auf!