Vrijwel alle websites worden tegenwoordig gestijld met behulp van CSS. Vaak worden hierbij diverse (soms zeer omslachtige) technieken gebruikt, terwijl het in dezelfde situaties ook mogelijk is om nette code te gebruiken.
Binnen deze presentatie zullen diverse (onbekende) technieken en 'best practices' worden besproken. Hiermee wordt het stijlen met behulp van CSS zo eenvoudig en efficiënt mogelijk, wat nettere code en betere prestaties op de verschillende browsers tot gevolg zal hebben.
The document contains results from a soccer tournament with the following:
1) In the first round, various teams and their scores are listed.
2) The teams that advance to the round of 16 are listed with their scores.
3) The teams that advance to the quarterfinals are listed.
4) The semifinal matchups are listed but no scores are provided.
La pandemia de COVID-19 ha tenido un impacto significativo en la economía mundial. Muchos países experimentaron fuertes caídas en el PIB y aumentos en el desempleo debido a los cierres generalizados y las restricciones a los viajes. Aunque las vacunas ofrecen esperanza de una recuperación económica en 2021, el panorama a corto plazo sigue siendo incierto dado el resurgimiento de casos en algunas partes del mundo.
Vrijwel alle websites worden tegenwoordig gestijld met behulp van CSS. Vaak worden hierbij diverse (soms zeer omslachtige) technieken gebruikt, terwijl het in dezelfde situaties ook mogelijk is om nette code te gebruiken.
Binnen deze presentatie zullen diverse (onbekende) technieken en 'best practices' worden besproken. Hiermee wordt het stijlen met behulp van CSS zo eenvoudig en efficiënt mogelijk, wat nettere code en betere prestaties op de verschillende browsers tot gevolg zal hebben.
The document contains results from a soccer tournament with the following:
1) In the first round, various teams and their scores are listed.
2) The teams that advance to the round of 16 are listed with their scores.
3) The teams that advance to the quarterfinals are listed.
4) The semifinal matchups are listed but no scores are provided.
La pandemia de COVID-19 ha tenido un impacto significativo en la economía mundial. Muchos países experimentaron fuertes caídas en el PIB y aumentos en el desempleo debido a los cierres generalizados y las restricciones a los viajes. Aunque las vacunas ofrecen esperanza de una recuperación económica en 2021, el panorama a corto plazo sigue siendo incierto dado el resurgimiento de casos en algunas partes del mundo.
La Universidad Nacional de La Plata es una institución autónoma que dicta su propio estatuto y elige sus autoridades. El Presidente representa a la Universidad y administra sus fondos y personal. La Asamblea Universitaria es el órgano supremo formado por representantes de las facultades que puede modificar el estatuto y elegir al Presidente. El Consejo Superior, presidido por el Presidente, está compuesto por representantes de las quince facultades y gobierna la administración de la Universidad.
As três frases principais deste documento são:
1) A alma do buscador revive experiências do passado e é induzida a repeti-las, o que deve ser contido.
2) A ascensão espiritual é uma longa escadaria onde só podemos subir um degrau de cada vez, estendendo a mão ao companheiro abaixo e não ao de cima.
3) A dor faz o homem pensar, o pensamento torna o homem sábio e a sabedoria abre o caminho para o céu.
O documento fornece informações sobre custos, preços de venda e rentabilidade de produtos agrícolas como milho, arroz, feijão e café. Ele inclui detalhes sobre custos fixos e variáveis de cada produto, cálculos para determinar preços de venda e lucro, e a análise do ponto de equilíbrio para o milho.
Las mujeres nicaragüenses han luchado por años para obtener derechos políticos y de participación, pero siguen estando subrepresentadas en posiciones de poder. Obtuvieron el derecho a voto en 1957 aunque los hombres lo tenían desde 1893. Aunque han habido algunas mujeres presidentas, ministras y en otros cargos de liderazgo, todavía representan una minoría en la política y el gobierno. La desigualdad de género persiste a pesar de los avances logrados.
La Universidad Nacional de La Plata es una institución autónoma que dicta su propio estatuto y elige sus autoridades. El Presidente representa a la Universidad y administra sus fondos y personal. La Asamblea Universitaria es el órgano supremo formado por representantes de las facultades que puede modificar el estatuto y elegir al Presidente. El Consejo Superior, presidido por el Presidente, está compuesto por representantes de las quince facultades y gobierna la administración de la Universidad.
As três frases principais deste documento são:
1) A alma do buscador revive experiências do passado e é induzida a repeti-las, o que deve ser contido.
2) A ascensão espiritual é uma longa escadaria onde só podemos subir um degrau de cada vez, estendendo a mão ao companheiro abaixo e não ao de cima.
3) A dor faz o homem pensar, o pensamento torna o homem sábio e a sabedoria abre o caminho para o céu.
O documento fornece informações sobre custos, preços de venda e rentabilidade de produtos agrícolas como milho, arroz, feijão e café. Ele inclui detalhes sobre custos fixos e variáveis de cada produto, cálculos para determinar preços de venda e lucro, e a análise do ponto de equilíbrio para o milho.
Las mujeres nicaragüenses han luchado por años para obtener derechos políticos y de participación, pero siguen estando subrepresentadas en posiciones de poder. Obtuvieron el derecho a voto en 1957 aunque los hombres lo tenían desde 1893. Aunque han habido algunas mujeres presidentas, ministras y en otros cargos de liderazgo, todavía representan una minoría en la política y el gobierno. La desigualdad de género persiste a pesar de los avances logrados.
2. INHALT Entstehung Generelle Ideen Markup & Elemente Neue Formularelemente Rich Media Einbindung Weiterführendes
3. Entstehung 1991 Tim Berners-Lee „HTML Tags“ IETF – Internet Engineering Task Force W3C – World Wide Web Consortium 1999 HTML 4.01 XHTML 1.0
4. Entstehung XHTML 2 – keine Abwärtskompabilität Schisma im W3C Gründung des WHATWG Web Hypertext Application Technology Working Group Ian Hickson Web Forms 2.0 + Web Apps 1.0 = HTML5 2012 CandidateRecommendation
5. GENERELLE IDEEN Bestehende Inhalte werden unterstützt Fehlerbehandlung für Browser wird definiert So einfach wie möglich <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html>
7. MARKUP & ELEMENTE Schreibweise HTML 4 und XHTML erlaubt <HTML> <html> <Html> <br> <br />
8. MARKUP & ELEMENTE Obsolete Elemente Frames frame, frameset, noframes PresentationalElements font, big, center, strike, u, tt, s, xmp Doppelte Elemente acronym, applet, dir Presentational Attributes bgcolor, cellspacing, valign
9. MARKUP & ELEMENTE (Sinn-)Geänderte Elemente smallKleingedrucktes b Hervorhebung ohne extra Wichtigkeit i alternative Bedeutung/Stimmung ohne extra Wichtigkeit citeTitel eines Werkes, nicht der Person
10. MARKUP & ELEMENTE A Element – Heading, Sections & Grouping <h1><a href="/cience">cience</a></h1> <p><a href="/cience">Wissensring</a></p> <a href="/cience"> <h1>cience</h1> <p>Wissensring</p> </a>
11. MARKUP & ELEMENTE Text-Level Semantik <p>Die <mark>7 Ringe</mark> der Station</p> <time datetime="17:00">17 Uhr</time> <time datetime="2010-08-13">13. August 2010</time> <time datetime="2010-08-13T17:00">17 Uhr am 13. August 2010</time> Attribut: pubdate = Veröffentlichungsdatum
12. MARKUP & ELEMENTE Text-Level Semantik <meter>23 of 70</meter> <meterlow="-10"high=„30" min="-40"max="50" optimum="25"value="19"> Sommer in Berlin </meter>
13. MARKUP & ELEMENTE Text-Level Semantik Die Profil ist zu <progress>60%</progress> Vollständig. <progress min="10" max="100"value="60">
14. MARKUP & ELEMENTE Text-Level Semantik <details open> Details zum Dokument oder Teilen davon </details> <summary> Headerelement des Detail-Elements </summary>
15. MARKUP & ELEMENTE Text-Level Semantik <ruby> Chinesische Anmerkung / Aussprache </ruby> <rp>Browser kennt Ruby Element nicht</rp> <rt>Eigentliche Information</rt>
16. MARKUP & ELEMENTE Struktur <section> <h3>Tätigkeit des Circle</h3> <p>…</p> <time>1997-02-20</time> </section> Attribute: citefalls Zitat einer URL <article>Blogpost oder Widget</article> Attribute: cite, pubdate
17. MARKUP & ELEMENTE Struktur <h1>c-base Ringe</h1> <section> <h1>clamp</h1> <h1>carbon</h1> <h1>cience</h1> </section> <small>Draufsicht</small>
18. MARKUP & ELEMENTE Struktur <hgroup> <h1>carbon</h1> <h2>Die Kohlenstoffeinheiten</h2> </hgroup>
19. MARKUP & ELEMENTE Struktur <header> <h1>HTML5 Seminar</h1> </header> <footer> <p>macro</p> <p>Creative Commons Namensnennung 3.0 DE Lizenz</p> </footer>
20. MARKUP & ELEMENTE Struktur <aside> <p>Weiterführende Infos</p> </aside> <nav> <ul>Hauptnavigation <li>Startseite</li> </ul> </nav>
28. NEUE FORMULARELEMENTE Input Types <input type="date" id="d" name="d"> date 2010-12-31 datetime2010-12-31T23:42:00+01 datetime-local2010-12-31T23:42:00 time 23:42:00 month2010-12
29. NEUE FORMULARELEMENTE Input Types Reg Ex <input id="zip" name="zip“ pattern="[]{5}(-[]{4})"> Color picker <input type="color" id="c" name="c">
30. NEUE FORMULARELEMENTE Command <menu> <commandonclick="undo()" label="Undo"/> <commandonclick="redo()" label="Redo"/> </menu> Attribute: type (command (default), checkbox, radio), label, icon(url), disabled, radiogroup, checked, title
31. NEUE FORMULARELEMENTE Keygen <keygen> control for generating a public-private key pair and for submitting the public key from that key pair </keygen> Attribute: autofocus, challenge, disabled, form, keytype, name
32. NEUE FORMULARELEMENTE Output <output value="Ergebnis"for="input1" id="o"name="o" /> Attribute: for (auf welche ID sich Output bezieht), form (Formularname)
47. WEITERFÜHRENDES Javascript APIs Video & Audio Canvas Drag & Drop Geolocation Local Storage History SelectorsInlineEditing Server Events Messaging Web Sockets Offline Apps WebWorkers
48. WEITERFÜHRENDES Styling der neuen Eletmente section, article, header, footer, nav, aside, hgroup { display:block; } Internet Explorer document.createElement('section'); <!- -[if IE]> <script src=http://html5shiv.googlecode .com/svn/trunk/html5.js</script> <![endif]- ->