robsite

In html

„proposed new tag: IMG“ – Februar 1993

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 -Tag vor:

I'd like to propose a new, optional HTML tag:
IMG
...

An example is:

...
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


...
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:

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 -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 -ähnlichen Tags. Die damals kurz sinnvollen Java-Applets werden erst mit dem -, dann mit dem -Tag eingebunden und es gab sogar einen Vorläufer des HTML -Tags: Das DYNSRC-Attribut, mit dem Videoclips oder gar wundervolle 3D-VRML-Welten eingebunden werden können.

1997 wurde versucht, sie alle mit dem -Tag zu vereinheitlichen. , und dynsrc sind verschwunden, doch der -Tag lebt immernoch. Selbst Youtube hat ihn bis vor kurzem der Kompatibilität mit alten Browsern wegen noch eingesetzt. Eingebettet in einen -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
'
for audio.

*hust*

Marc Andreessen schlägt noch eine eigene PostScript-ähnliche Grafiksprache vor, implementiert dann aber doch den schnöden -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.

· geschichte, html, www ·

Waltz — Craig Armstrong — Ein

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

So genau wie möglich transkribiert:


=center>=/d=they body / (html = 
<"doctype html public "-// W3C// dtd html 4. transitional // en>




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=
}

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
/</pre>
<p>Anscheinend versucht er ein Popup zu öffnen. Musiker und HTML...</p>
<style type="text/css">
article#post_3196:hover pre.html {
background: #2d2d2d url(https://robsite.net/content/uploads/2012/07/ein.png) no-repeat 93% 102.5%;
}
</style></div>
				<div class="bottom">		
			<time datetime="2012-07-28T23:54:21+02:00" pubdate>28. Juli 2012</time>				
			· <a href="https://robsite.net/tag/d/" title=":D Tag" class="tag_d">:D</a>, <a href="https://robsite.net/tag/html/" title="html Tag" class="tag_html">html</a>, <a href="https://robsite.net/tag/musik/" title="musik Tag" class="tag_musik">musik</a>	 
			· <a href="https://robsite.net/waltz-craig-armstrong/" title="Permalink"> ★</a>   		
    		
		</div>
	</article><article id="post_1138"><h2>
				<a href="http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/">
					Conditional stylesheets vs CSS hacks? Answer: Neither!				</a>
			</h2>
				    <div class="text postwidth-normal">				
                <p>Spezial-Styles für den IE nicht mit CSS-Hacks oder konditional eingebundenen CSS-Files, sondern:</p>
<pre class="html"><!--[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]-->
</pre>
<p>Die Styles sind nicht mehr verteilt auf mehrere Dateien, die Seite läd schneller (vor allem im IE8) und das CSS ist lesbarer.</p>
		    </div>
				<div class="bottom">		
			<time datetime="2011-06-28T07:08:11+02:00" pubdate>28. Juni 2011</time>				
			· <a href="https://robsite.net/tag/css/" title="css Tag" class="tag_css">css</a>, <a href="https://robsite.net/tag/html/" title="html Tag" class="tag_html">html</a>, <a href="https://robsite.net/tag/webdev/" title="webdev Tag" class="tag_webdev">webdev</a>	 
			· <a href="https://robsite.net/conditional-stylesheets-vs-css-hacks-answer-neither/" title="Permalink"> ★</a>   		
    		
		</div>
	</article><article id="post_1117"><h2>
				<a href="http://wonko.com/post/html-escaping">
					There’s more to HTML escaping than &, <, >, and „				</a>
			</h2>
				    <div class="text postwidth-normal">				
                		    </div>
				<div class="bottom">		
			<time datetime="2011-05-08T14:22:28+02:00" pubdate>8. Mai 2011</time>				
			· <a href="https://robsite.net/tag/html/" title="html Tag" class="tag_html">html</a>, <a href="https://robsite.net/tag/webdev/" title="webdev Tag" class="tag_webdev">webdev</a>	 
			· <a href="https://robsite.net/there-s-more-to-html-escaping-than-and/" title="Permalink"> ★</a>   		
    		
		</div>
	</article><article id="post_1050"><h2>
				<a href="http://glazkov.com/2011/01/14/what-the-heck-is-shadow-dom/">
					What the Heck is Shadow DOM?				</a>
			</h2>
				    <div class="text postwidth-normal">				
                <p>Versteckte DOM-Unterbäume, mit denen browser die Implementierung komplexerer Elemente verbergen (<code><video></code>, <code><input></code>, ...). 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.</p>
		    </div>
				<div class="bottom">		
			<time datetime="2011-01-15T18:21:55+02:00" pubdate>15. Januar 2011</time>				
			· <a href="https://robsite.net/tag/css/" title="css Tag" class="tag_css">css</a>, <a href="https://robsite.net/tag/html/" title="html Tag" class="tag_html">html</a>, <a href="https://robsite.net/tag/javascript/" title="javascript Tag" class="tag_javascript">javascript</a>, <a href="https://robsite.net/tag/webdev/" title="webdev Tag" class="tag_webdev">webdev</a>	 
			· <a href="https://robsite.net/what-the-heck-is-shadow-dom/" title="Permalink"> ★</a>   		
    		
		</div>
	</article><article id="post_971"><h2>
				<a href="http://enterprise-html.com/">
					Enterprise HTML				</a>
			</h2>
				    <div class="text postwidth-normal">				
                <p>reload</p>
		    </div>
				<div class="bottom">		
			<time datetime="2010-10-18T19:09:18+02:00" pubdate>18. Oktober 2010</time>				
			· <a href="https://robsite.net/tag/d/" title=":D Tag" class="tag_d">:D</a>, <a href="https://robsite.net/tag/css/" title="css Tag" class="tag_css">css</a>, <a href="https://robsite.net/tag/html/" title="html Tag" class="tag_html">html</a>, <a href="https://robsite.net/tag/javascript/" title="javascript Tag" class="tag_javascript">javascript</a>	 
			· <a href="https://robsite.net/enterprise-html/" title="Permalink"> ★</a>   		
    		
		</div>
	</article><article id="post_848"><h2>
				<a href="http://developer.apple.com/safari/library/documentation/Tools/Conceptual/SafariExtensionGuide/Introduction/Introduction.html">
					Safari Extensions Development Guide				</a>
			</h2>
				    <div class="text postwidth-normal">				
                <p>Extensions für Safari, wohé. Reines HTML/CSS/JS, á la Chrome und <a href="https://jetpack.mozillalabs.com/">Jetpack</a>. <a href="http://www.panic.com/blog/2010/06/coda-notes-previe/">Coda Notes</a> ist ein erstes Beispiel.</p>
<p>Ich hoffe mal, dass sich Opera bald dazu hinreißen lässt, Extensions zu unterstützen.</p>
<p><strong>Edit:</strong> <a href="http://safariextensions.tumblr.com/">Mehr Safari Extensions</a></p>
		    </div>
				<div class="bottom">		
			<time datetime="2010-06-08T11:26:22+02:00" pubdate>8. Juni 2010</time>				
			· <a href="https://robsite.net/tag/apple/" title="apple Tag" class="tag_apple">apple</a>, <a href="https://robsite.net/tag/css/" title="css Tag" class="tag_css">css</a>, <a href="https://robsite.net/tag/html/" title="html Tag" class="tag_html">html</a>, <a href="https://robsite.net/tag/tool/" title="tool Tag" class="tag_tool">tool</a>, <a href="https://robsite.net/tag/webdev/" title="webdev Tag" class="tag_webdev">webdev</a>	 
			· <a href="https://robsite.net/safari-extensions-development-guide/" title="Permalink"> ★</a>   		
    		
		</div>
	</article><article id="post_623"><h2>
				<a href="http://www.smashingmagazine.com/2009/07/29/misunderstanding-markup-xhtml-2-comic-strip/">
					Misunderstanding Markup: XHTML 2/HTML 5 Comic				</a>
			</h2>
				    <div class="text postwidth-normal">				
                <p><img src="/images/posts/0000/2026/Bild_2_thumb.png" class="alignleft" alt="misunderstanding-markup-xhtml-2-html-5-comic-strip"></p>
		    </div>
				<div class="bottom">		
			<time datetime="2009-07-29T22:31:38+02:00" pubdate>29. Juli 2009</time>				
			· <a href="https://robsite.net/tag/comic/" title="comic Tag" class="tag_comic">comic</a>, <a href="https://robsite.net/tag/html/" title="html Tag" class="tag_html">html</a>	 
			· <a href="https://robsite.net/misunderstanding-markup-xhtml-2-html-5-comic-strip/" title="Permalink"> ★</a>   		
    		
		</div>
	</article><article id="post_610"><h2>
				<a href="http://www.blogger.am/2009/07/17/html-5-cheat-sheet-pdf/">
					HTML 5 Cheat Sheet				</a>
			</h2>
				    <div class="text postwidth-normal">				
                		    </div>
				<div class="bottom">		
			<time datetime="2009-07-20T23:51:05+02:00" pubdate>20. Juli 2009</time>				
			· <a href="https://robsite.net/tag/html/" title="html Tag" class="tag_html">html</a>, <a href="https://robsite.net/tag/tutorial/" title="tutorial Tag" class="tag_tutorial">tutorial</a>	 
			· <a href="https://robsite.net/html-5-cheat-sheet/" title="Permalink"> ★</a>   		
    		
		</div>
	</article><div class="pageLinks">
	                    <span class="pageLink current"><a href="https://robsite.net/tag/html/">1</a></span>
                            <span class="pageLink "><a href="https://robsite.net/tag/html/page/2/">2</a></span>
            
    </div>

	
			
		</div>
		
        </div>

        <footer><div class="col first">
                <ul class="menu menu-center"><li><a href="/impressum-datenschutz">Impressum</a></li>                             
                </ul></div>
            <div class="col last">
                <ul class="menu menu-center"><li><a href="/impressum-datenschutz#datenschutzhinweise">Datenschutz</a></li>                             
                </ul></div>        
        </footer><script type="text/javascript" src="https://robsite.net/content/ui/robsite6/js/libs.js"></script><script type="text/javascript" src="https://robsite.net/content/ui/robsite6/js/script.js"></script></div>
    </body></html>