Jüngst musste ich einige Webseiten parsen. Dazu sind Regexen unzureichend und Libraries wie Symfonys DomCrawler Component viel zu langsam. Daher:

→ phpQuery

phpQuery ist schnell und akkurat, wird aber leider nicht weiterentwickelt.

Faszinierender Einblick in die Anfänge von HTML. Zeigt auch nett, dass sich existierende Lösungen gegenüber potentiell besseren Ideen meist durchsetzen. Ein paar interessante Stellen:

Netscape-Schöpfer Marc Andreessen, der hier noch am Vorgänger Mosaic arbeitet, schlägt den <img>-Tag vor:

I'd like to propose a new, optional HTML tag:
IMG
...
An example is:
<IMG SRC="file://foobar.com/foo/bar/blargh.xbm">
...
Browsers should be afforded flexibility as to which image formats they support. Xbm and Xpm are good ones to support, for example.

Xbm ist ein interessantes Format. Damals neben GIF eines der wenigen frei benutzbaren Bildformate — JPEG wurde erst fünf Monate vorher im September 1992 fertig und PNG drei Jahre später. Xbm besteht nicht aus einem Binärformat, sondern ist ein Byte-Array in C, damit man es leichter in eigenen Code einbinden kann. Dadurch allerdings auch recht groß.

Eine Idee von Tony Johnson:

I have something very similar in Midas 2.0

<ICON name="NoEntry" href="http://note/foo/bar/NoEntry.xbm">
...
The idea of the name parameter was to allow the browser to have a set of "built in" images. If the name matches a "built in" image it would use that instead of having to go out and fetch the image.

Im Browser eingebaute Standardbilder. Damals wohl zu aufwändig, heute gibt's Emoji.󾟭

Noch ein Vorschlag:

While we are on the subject of new tags, I have another, somewhat similar tag, which I would like to support in Midas 2.0. In principle it is:

<INCLUDE HREF="...">

The intention here would be that the second document is to be included into the first document at the place where the tag occured.
In principle the referenced document could be anything, but the main purpose was to allow images (in this case arbitrary sized) to be embedded into documents.

Zwei Jahre später taucht der <embed>-Tag im Netscape Navigator 2.0 auf. Einige bemängeln, dass eine einheitliche Lösung besser wäre statt für jeden Medientyp ein eigenes Tag zu haben. Doch das Chaos wächst, bald gibt es einen ganzen Zoo an <embed>-ähnlichen Tags. Die damals kurz sinnvollen Java-Applets werden erst mit dem <app>-, dann mit dem <applet>-Tag eingebunden und es gab sogar einen Vorläufer des HTML <video>-Tags: Das DYNSRC-Attribut, mit dem Videoclips oder gar wundervolle 3D-VRML-Welten eingebunden werden können.

1997 wurde versucht, sie alle mit dem <object>-Tag zu vereinheitlichen. <app>, <applet> und dynsrc sind verschwunden, doch der <embed>-Tag lebt immernoch. Selbst Youtube hat ihn bis vor kurzem der Kompatibilität mit alten Browsern wegen noch eingesetzt. Eingebettet in einen <object>-Tag.

Tim Berners-Lee, Erfinder des WWW schreibt:

If you allow an image, then suppose we also allow some content which includes anchors with x,y coordinates within the image. Then the document can intercept mouse clicks and allow hypergraphics

Clientseitige Image-Maps, vier Jahre später in HTML 3.2 eingeführt. Einen Monat vorher hatte laut Wikipedia bereits Kevin Hughes serverseitige Image-Maps erfunden.

Jay C. Weber:

Whatever happened to the enthusiasm for using the MIME typing mechanism? I made a concrete proposal a few months ago, where HREFs can point to other parts in a MIME multipart (and thereby to an "external-body"), and I've seen a similar idea recently regarding embedding media clips in a "simplemail" format.

In HTML eingebettete Medien statt externe, einzelne Dateien, genau wie Emails. Hat sich dankenswerterweise nicht durchgesetzt. Der Server müsste die Seite erst zusammenbauen, statt stur statische Dateien auszuliefern. Auch Caching einzelner Resourcen wäre so unmöglich.

Jedoch, fünf Jahre später werden Data-URIs vorgeschlagen, mit denen genau das möglich ist und die heute z.B. für Musik mit JavaScript Synths eingesetzt werden.

Wait a minute -- let's temporarily forget about MIME, if it clouds the issue. My objection was to the discussion of "how are we going to support embedded images" rather than "how are we going to support embedded objections in various media".

Otherwise, next week someone is going to suggest 'lets put in a new tag
<AUD SRC="file://foobar.com/foo/bar/blargh.snd">'
for audio.

*hust*

Marc Andreessen schlägt noch eine eigene PostScript-ähnliche Grafiksprache vor, implementiert dann aber doch den schnöden <img>-Tag und schafft somit Fakten. Am Ende schaut auch noch Python-Erfinder Guido van Rossum vorbei.

Zum weiterlesen: A History of HTML über die Anfänge des WWW.

Als ich den Song hörte, kamen mir die Lyrics bekannt vor.

So genau wie möglich transkribiert:

</nobar>
</iable>=center>=/d=they body / (html = 
<"doctype html public "-// W3C// dtd html 4. transitional // en>
<html>
<head>
<meta http=-eqiv=(Contenttype=content"Text/html;kset=iso-8859-1">

function fensterAufTo(url) {
pict = window.open(url "toolbar=no location=no directories=no status=no men=no ubar=no,
scrollbars=yes resizable=no width 420 hoehe=460 screenX=90 screenY=80
pict.location href=weg(save.location a href)+url=
}
<meta name=generator=content=(EditPlus 1.1)>
<title>news<>
Störung=<base target=blank(_)i
link related in stylesheet type="text/sss" = href="css/agf.css">
<hype/ =
<body style="font family: Arial=" styles

I MISS YOU

<table border=0 cellspacing=0 cellpadding=0>
<b> = small <b nsbp = small 
<this>/small = <p = table/
(body html head script language javascript <"--

HIDE ME

browserOk = false // 001 = 55
script/
(script language) = "javascript 1.1=<"--

HIDE ME

browserOk=true
/--1-(</script/"--

HIDE ME
HIDE ME

bgcolor ffffff
swLiveConnect = false
width = 270
height = 56
= type = application
/

Anscheinend versucht er ein Popup zu öffnen. Musiker und HTML...

Spezial-Styles für den IE nicht mit CSS-Hacks oder konditional eingebundenen CSS-Files, sondern:

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->

Die Styles sind nicht mehr verteilt auf mehrere Dateien, die Seite läd schneller (vor allem im IE8) und das CSS ist lesbarer.

Versteckte DOM-Unterbäume, mit denen browser die Implementierung komplexerer Elemente verbergen (<video>, <input>, ...). Mit einigen Tricks kann man auf sie zugreifen. Eigene Shadow-Trees kann man im Moment nicht erstellen, was aber vor allem für Frameworks praktisch wäre.

reload

Extensions für Safari, wohé. Reines HTML/CSS/JS, á la Chrome und Jetpack. Coda Notes ist ein erstes Beispiel.

Ich hoffe mal, dass sich Opera bald dazu hinreißen lässt, Extensions zu unterstützen.

Edit: Mehr Safari Extensions