DOCSLIB.ORG

HTML 5- Und CSS-Grundlagen

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
HTML 5- Und CSS-Grundlagen Prof. Andreas Büsch KH Mainz Medienpädagogik HTML 5- und CSS-Grundlagen Inhalt 1. Was ist (X)HTML? .............................................................................................................................2 2. Wie erstelle oder bearbeite ich HTML-Dokumente? ..........................................................................2 3. Wo finde ich Hilfe und Informationen? ..............................................................................................2 4. Wie werden HTML-Elemente notiert? ...............................................................................................2 5. Welche Angaben zu den Elementen gibt es noch? .............................................................................3 6. Wie sind HTML-Dokumente aufgebaut? ............................................................................................3 7. Was ist bei Datei- und Verzeichnisnamen für Webprojekte zu beachten? .........................................4 8. Wie werden Farben im Internet angegeben? .....................................................................................12 9. Welche absatzweiten Formatierungen kann ich nutzen, um Text zu strukturieren? ...........................4 10. Wie wird eine Tabelle in HTML erstellt? ...........................................................................................4 11. Wie werden Listen in HTML erzeugt? ...............................................................................................6 12. Wie werden Links erstellt?..................................................................................................................6 13. Wie kommen Bilder auf eine Webseite? .............................................................................................7 14. AV-Daten ............................................................................................................................................9 15. Wie strukturiere ich eine Website? .....................................................................................................9 16. CSS – verschachtelte Gestaltungsangaben ........................................................................................10 17. Wie erstelle ich ein Menü mit CSS? .................................................................................................13 18. Menülisten mit verschachtelten Menüs (Untermenü-Punkten) .........................................................15 19. Wie baue ich eine Webseite auf? ......................................................................................................18 20. Tipps, Tricks und Konventionen .......................................................................................................19 21. „Qualitätsmanagement“ ....................................................................................................................19 Prof. Andreas Büsch – Handout HTML 5-Grundlagen Seite 2 von 20 1. Was ist (X)HTML? (X)HTML = (extensible) Hypertext Markup Language = Hypertext-Auszeichnungs- Sprache Hypertext: ein Text, der mittels strukturierender Kommandos „ausgezeichnet“ (mar- kiert) ist. HTML ist ein Dialekt der SGML (standard generalized markup language) XHTML ist ein Dialekt der SGML-Teilmenge XML (extensible markup language), die auch für andere Aufgaben des Datenaustauschs verwendet wird. In (X)HTML wird dabei nur die Struktur bzw. der Inhalt einer Seite beschrieben; sämtliche Formatierungen und Positionierungen werden in einer verknüpften CSS- Datei abgelegt. Für diese „Sprachen“ gibt es Versionen; aktuell (seit 2009) ist bei HTML Version 5 Standard, nachdem 4.01 über 10 Jahre gültig war; XHTML steht bei Version 1.1. 2. Wie erstelle oder bearbeite ich HTML-Dokumente? HTML-Dokumente können in jedem beliebigen Editor (Notepad, Wordpad) bearbeitet werden, da sie im Prinzip aus „nacktem“ Text (plain text) mit zusätzlichen Befehlen bestehen. Die Befehle sind immer in spitzen Klammern < > angegeben. Auch eine Textverarbeitung wäre einsetzbar, die Dokumente müssen aber dann als HTML oder ASCII gespeichert werden; da die meisten Textverarbeitun- gen aber eigene HTML-Befehle (proprietäre tags) einfügen ist dies nicht empfehlens- wert. Sinnvoller ist es, einen speziellen HTML-Editor zu benutzen, da dieser zahlrei- che unterstützende Funktionen bietet. Neben kommerziellen Produkten (z.B. Adobe Dreamweaver) gibt es auch Freeware-Editoren wie den BlueGriffon (Freeware/GPL) oder Microsoft Expression Web (Freeware). 3. Wo finde ich Hilfe und Informationen? Stefan Münz hat seit den 90er unter Jahren eine kostenlose (!) Dokumentation zu HTML in‘s WWW gestellt (ursprünglich unter de.selfhtml.org; seit 2005 wird die Seite https://wiki.selfhtml.org/ getragen von einem e.V.). Sein Buch zu HTML 5 hat er wieder kostenfrei in’s Netz gestellt unter http://webkompetenz.wikidot.com/docs:html-handbuch. Eine übersichtliche Systematik aller unter HTML5 gültigen Elemente finden Sie unter http://www.selfhtml5.org/html5-tag-systematik/ (die Seite steht trotz ähnlichen Namens in keiner Verbindung zu der „alten“ Selfhtml-Seite). Zu allen Adobe-Produkten gibt es eine umfangreiche Online-Hilfe (https://helpx.adobe.com/de/dreamweaver/topics-cs6.html) sowie ein Referenz-PDF (engl.) http://help.adobe.com/archive/en/dreamweaver/cs6/dreamweaver_reference.pdf 4. Wie werden HTML-Elemente notiert? Bis auf die feste Zeilenschaltung <br> (in XHTML: <br /> ) gibt es für jedes Element (tag) einen Anfang und ein Ende, wobei sich das Ende vom Anfang nur durch einen vorangestellten Schrägstrich unterscheidet, z.B. für einen Absatz (paragraph): <p> </p> Prof. Andreas Büsch – Handout HTML 5-Grundlagen Seite 3 von 20 5. Welche Angaben zu den Elementen gibt es noch? Diese Elemente können durch verschiedene Parameter ergänzt werden, die nähere Angaben zur Formatierung oder anderen relevanten Maßen enthalten, z.B. zur Aus- richtung eines Absatzes Links| Rechts| Zentriert: <p align=„left|right|center“>. Die Angabe eines Parameters erfolgt immer (im Editor farblich anders dargestellt) durch den Parameter selbst und den Wert, den dieser Parameter annimmt mit Gleichheits- und Anführungszeichen. Allerdings sollten Sie solche „direkten“ Formatierungen nach Möglichkeit vermeiden und stattdessen über CSS Formatierungen vornehmen! 6. Wie sind HTML-Dokumente aufgebaut? Alle (X)HTML-Dokumente (= Webseiten) haben eine gleichbleibende Struktur: • In der ersten Zeile wird angegeben, welcher Version des (X)HTML-Standards das Dokument folgt. Eine korrekte Angabe zum aktuellen Standard 5 lautet schlicht <!doctype html> Für HMTL 4.01 war dies <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> bzw. für XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-strict.dtd"> wobei die zusätzliche Angabe “Strict” (bzw. „loose“ oder „transitional“) dem jeweili- gen Browser Aufschluss darüber gibt, wie streng er sich an die Dokumenttyp- Definition(en) halten soll – mit bisweilen weitreichenden Folgen für die Darstellung der Elemente! Ich empfehle nach Möglichkeit „strict“ für eine konsistente Darstel- lung in möglichst vielen Browsern. • Es folgt die Angabe, wo der eigentliche HTML-Bereich beginnt: <html> bzw. für XHTML <html xmlns="http://www.w3.org/1999/xhtml"> und das letzte Kommando einer Seite lautet entsprechend </html> • Die Seite wird immer unterteilt in einen Kopf-Bereich, der nicht im Browser ange- zeigt wird und zusätzliche Informationen, Skripte usw. enthält, <head> … </head> und einen Body genannten Bereich, der sämtliche anzuzeigenden Informationen enthält: <body> … </body> Eine korrekt programmierte HTML 5-Seite hat also immer folgende Struktur: <!DOCTYPE html> <html> <head> <meta content="text/html; charset=UTF-8" http-equiv="content-type"> <title>Dies ist eine neue Website</title> … </head> <body> … </body> </html> Die Einrückungen wie im Code-Beispiel sollten Sie im Editor der Übersichtlichkeit halber einfügen; sie haben ebenso wie zusätzliche Leerzeichen oder Zeilenschaltun- gen keinen Einfluss auf die Darstellung der Seite im Browser (vgl. unten, 9.)! Prof. Andreas Büsch – Handout HTML 5-Grundlagen Seite 4 von 20 7. Was ist bei Datei- und Verzeichnisnamen für Webprojekte zu beachten? Um Schwierigkeiten mit Nicht-Windows-Servern zu umgehen, speichern Sie Doku- mente bitte immer mit Dateinamen und in Verzeichnissen, deren Namen keine Um- laute und keine Leerzeichen enthalten und klein geschrieben sind, also z.B. nicht /unsere geänderte Webseite/Hännes mit Yüksel am Strand.html) sondern: /mainpage/indexneu.html Früher war es außerdem wichtig, dass die Namen max. acht Zeichen und max. vier Zeichen für die Dateiendung lang sind. Dies ist heute technisch vernachlässigbar, so- lange Sie 255 Zeichen für den Namen der Datei mit allen (Unter-)Verzeichnissen nicht überschreiten. Praktisch sinkt aber die Übersichtlichkeit in Verzeichnislisten mit langen Dateinamen. 8. Welche absatzweiten Formatierungen kann ich nutzen, um Text zu strukturieren? <p> </p> Ein Absatz (paragraph) unterteilt Fließtext in (logisch zusammenhängende) Ab- schnitte mi einer Leerzeile dawischen. Der Text kann mit dem CSS-Befehl „text- align“ (vgl. unten 17.) links- oder rechtsbündig bzw. zentriert ausgerichtet werden. 1 <br> Eine feste Zeilenschaltung (bold return) ergibt das Gleiche wie die Enter-Taste beim Textprogramm: der Text hinter dem <br> steht in einer neuen Zeile. Mit der Enter-Taste im Editor bzw. Code-Fenster erzeugte Leerzeilen werden im Browser nicht angezeigt. Leerzeilen in HTML können
Load more

Recommended publications
  • Just Another Perl Hack Neil Bowers1 Canon Research Centre Europe
    Weblint: Just Another Perl Hack Neil Bowers1 Canon Research Centre Europe Abstract Weblint is a utility for checking the syntax and style of HTML pages. It was inspired by lint [15], which performs a similar function for C and C++ programmers. Weblint does not aspire to be a strict SGML validator, but to provide helpful comments for humans. The importance of quality assurance for web sites is introduced, and one particular area, validation of HTML, is described in more detail. The bulk of the paper is devoted to weblint: what it is, how it is used, and the design and implementation of the current development version. 1. Introduction The conclusion opens with a summary of the information and opinions given in this paper. A Web sites are becoming an increasingly critical part of selection of the lessons learned over the last four years how many companies do business. For many companies is given, followed by plans for the future, and related web sites are their business. It is therefore critical that ideas. owners of web sites perform regular testing and analysis, to ensure quality of service. 2. Web Site Quality Assurance There are many different checks and analyses which The following are some of the questions you should be you can run on a site. For example, how usable is your asking yourself if you have a web presence. I have site when accessed via a modem? An incomplete list of limited the list to those points which are relevant to similar analyses are given at the start of Section 2.
    [Show full text]
  • Sublimelinter Documentation Release 4.0.0
    SublimeLinter Documentation Release 4.0.0 The SublimeLinter Community Sep 16, 2021 User Documentation 1 Installation 3 2 Settings 5 2.1 Settings stack...............................................5 2.2 Styles (colors)..............................................5 2.3 Project settings..............................................6 2.4 Settings Expansion............................................6 3 Linter Settings 9 3.1 args....................................................9 3.2 disable..................................................9 3.3 env.................................................... 10 3.4 excludes................................................. 10 3.5 executable................................................ 10 3.6 filter_errors................................................ 10 3.7 lint_mode................................................. 11 3.8 python.................................................. 11 3.9 selector.................................................. 11 3.10 styles................................................... 12 3.11 working_dir............................................... 13 4 Customization 15 4.1 Context Menu.............................................. 15 4.2 Key bindings............................................... 15 5 Troubleshooting 17 5.1 Debug mode............................................... 17 5.2 The linter doesn’t work!......................................... 17 5.3 Debugging PATH problems....................................... 17 6 Creating a gutter theme 19 7 Creating a
    [Show full text]
  • Notetab User Manual
    NoteTab User Manual Copyright © 1995-2016, FOOKES Holding Ltd, Switzerland NoteTab® Tame Your Text with NoteTab by FOOKES Holding Ltd A leading-edge text and HTML editor. Handle a stack of huge files with ease, format text, use a spell-checker, and perform system-wide searches and multi-line global replacements. Build document templates, convert text to HTML on the fly, and take charge of your code with a bunch of handy HTML tools. Use a power-packed scripting language to create anything from a text macro to a mini-application. Winner of top industry awards since 1998. “NoteTab” and “Fookes” are registered trademarks of Fookes Holding Ltd. All other trademarks and service marks, both marked and not marked, are the property of their respective ow ners. NoteTab® Copyright © 1995-2016, FOOKES Holding Ltd, Switzerland All rights reserved. No parts of this work may be reproduced in any form or by any means - graphic, electronic, or mechanical, including photocopying, recording, taping, or information storage and retrieval systems - without the written permission of the publisher. “NoteTab” and “Fookes” are registered trademarks of Fookes Holding Ltd. All other trademarks and service marks, both marked and not marked, are the property of their respective owners. While every precaution has been taken in the preparation of this document, the publisher and the author assume no responsibility for errors or omissions, or for damages resulting from the use of information contained in this document or from the use of programs and source code that may accompany it. In no event shall the publisher and the author be liable for any loss of profit or any other commercial damage caused or alleged to have been caused directly or indirectly by this document.
    [Show full text]
  • 0789747189.Pdf
    Mark Bell 800 East 96th Street, Indianapolis, Indiana 46240 Build a Website for Free Associate Publisher Copyright © 2011 by Pearson Education Greg Wiegand All rights reserved. No part of this book shall be Acquisitions Editor reproduced, stored in a retrieval system, or transmit- Laura Norman ted by any means, electronic, mechanical, photo- copying, recording, or otherwise, without written Development Editor permission from the publisher. No patent liability is Lora Baughey assumed with respect to the use of the information contained herein. Although every precaution has Managing Editor been taken in the preparation of this book, the Kristy Hart publisher and author assume no responsibility for Senior Project Editor errors or omissions. Nor is any liability assumed for Betsy Harris damages resulting from the use of the information contained herein. Copy Editor ISBN-13: 978-0-7897-4718-1 Karen A. Gill ISBN-10: 0-7897-4718-9 Indexer The Library of Congress Cataloging-in-Publication Erika Millen data is on file. Proofreader Williams Woods Publishing Services Technical Editor Christian Kenyeres Publishing Coordinator Cindy Teeters Book Designer Anne Jones Compositor Nonie Ratcliff Trademarks All terms mentioned in this book that are known to be trademarks or service marks have been appropriately capitalized. Que Publishing cannot attest to the accuracy of this infor- mation. Use of a term in this book should not be regarded as affecting the validity of any trademark or service mark. Warning and Disclaimer Every effort has been made to make this book as complete and as accurate as possible, but no warranty or fitness is implied. The information provided is on an “as is” basis.
    [Show full text]
  • Introduction, Internet and Web Basics, XHTML and HTML
    Introduction, Internet and Web Basics, XHTML and HTML http://localhost:8080/cocoon/projects/cscie12/slides/20070130/handout.html Introduction, Internet and Web Basics, XHTML and HTML http://localhost:8080/cocoon/projects/cscie12/slides/20070130/handout.html Table of Contents | All Slides | Link List | Examples | CSCI E-12 CSCI E-12, Fundamentals of Web Site Development Introduction, Internet and Web Basics The Course XHTML and HTML Course Syllabus | Course Schedule I. Content for the Web January 30, 2007 A. Markup (XHTML, HTML) B. Style (CSS) Harvard University C. Building a Site Division of Continuing Education D. Images and Media Extension School II. "Everything" else Course Web Site: http://cscie12.dce.harvard.edu/ A. Javascript and AJAX B. Hypertext Transfer Protocol (HTTP) Copyright 1998-2007 David P. Heitmeyer C. The Apache HTTP Server D. Keeping a site healthy Instructor email: [email protected] E. Dynamic Sites Course staff email: [email protected] The Course Staff David Heitmeyer Teaching Fellows Mike Cynn Rei Diaz Evan Elias Sonal Patel Susan Smith 1 of 39 2/7/2007 4:26 PM 2 of 39 2/7/2007 4:26 PM Introduction, Internet and Web Basics, XHTML and HTML http://localhost:8080/cocoon/projects/cscie12/slides/20070130/handout.html Introduction, Internet and Web Basics, XHTML and HTML http://localhost:8080/cocoon/projects/cscie12/slides/20070130/handout.html Texts What the Course "Is" and "Is Not" In addition to the texts, there will be online readings assigned and online references cited. Is Is Not Required texts: Freeman, Elisabeth and Eric Freeman. 2005. Head First HTML with CSS & XHTML.
    [Show full text]
  • Requirements for Web Developers and Web Commissioners in Ubiquitous
    Requirements for web developers and web commissioners in ubiquitous Web 2.0 design and development Deliverable 3.2 :: Public Keywords: web design and development, Web 2.0, accessibility, disabled web users, older web users Inclusive Future Internet Web Services Requirements for web developers and web commissioners in ubiquitous Web 2.0 design and development I2Web project (Grant no.: 257623) Table of Contents Glossary of abbreviations ........................................................................................................... 6 Executive Summary .................................................................................................................... 7 1 Introduction ...................................................................................................................... 12 1.1 Terminology ............................................................................................................. 13 2 Requirements for Web commissioners ............................................................................ 15 2.1 Introduction .............................................................................................................. 15 2.2 Previous work ........................................................................................................... 15 2.3 Method ..................................................................................................................... 17 2.3.1 Participants ..........................................................................................................
    [Show full text]
  • How to Disable Tidy HTML Corrector and Validator to Output Error and Warning Messages
    ? Walking in Light with Christ - Faith, Computers, Freedom Free Software GNU Linux, FreeBSD, Unix, Windows, Mac OS - Hacks, Goodies, Tips and Tricks and The True Meaning of life http://www.pc-freak.net/blog How to disable tidy HTML corrector and validator to output error and warning messages Author : admin I've noticed in /var/log/apache2/error.log on one of the Debian servers I manage a lot of warnings and errors produced by tidy - HTML syntax checker and reformatter program. There were actually quite plenty frequently appearing messages in the the log like: ... To learn more about HTML Tidy see http://tidy.sourceforge.net Please fill bug reports and queries using the "tracker" on the Tidy web site. Additionally, questions can be sent to [email protected] HTML and CSS specifications are available from http://www.w3.org/ Lobby your company to join W3C, see http://www.w3.org/Consortium line 1 column 1 - Warning: missing declaration line 1 column 1 - Warning: plain text isn't allowed in elements line 1 column 1 - Info: previously mentioned line 1 column 1 - Warning: inserting implicit line 1 column 1 - Warning: inserting missing 'title' element Info: Document content looks like HTML 3.2 4 warnings, 0 errors were found! ... I did a quick investigation on where from this messages are logged in error.log, and discovered few .php scripts in one of the websites containing the tidy string. 1 / 2 ? Walking in Light with Christ - Faith, Computers, Freedom Free Software GNU Linux, FreeBSD, Unix, Windows, Mac OS - Hacks, Goodies, Tips and Tricks and The True Meaning of life http://www.pc-freak.net/blog I used Linux find + grep cmds find in all php files the "tidy "string, like so: server:~# find .
    [Show full text]
  • Schema Crawled API Documentation Exploration
    Faculty of Science and Technology Department of Computer Science Schema crawled API documentation exploration — Nicolai Bakkeli INF-3981 Master's Thesis in Computer Science - December 2017 Abstract An increase in open APIs deployed for public use have been seen to grow rapidly in the last few years and are expected to do so even faster in the future. This thesis deliver a design that reduces the API documentation exploration process by recommending a range of suitable APIs for any user. This is done as a response to the increased complexity in API selection that follows as a consequence of the increased choice between APIs. This design suggestion consists of two main com- ponents; a tailor-made web crawler that collects API documentation and a handler that indexes the documentation and evaluates XML Schema for supposed API in- put and output searches. The services computational chain creates an overview on the API containing domains and a ranked list of APIs based on key-phrases applied by any user. Experiments of an implemented version of the service revealed that the indexation process creates a table that causes the service to run slower as the reach of the service grows. In other words, the indexed data stored on disk causes a scalability issue that does not get resolved in this thesis. Aside from performance problems have the service been shown to yield data that can be considered useful for developers in need of API recommendations. i Acknowledgements First and foremost I would like to thank my thesis advisor Anders Andersen of the The University of Tromsø the Arctic University of Norway.
    [Show full text]
  • Verbesserung Der Barrierefreiheit Von Websites Durch Manuelle Und Automatische Testwerkzeuge - Handlungsempfehlungen Für Bibliotheken
    Verbesserung der Barrierefreiheit von Websites durch manuelle und automatische Testwerkzeuge - Handlungsempfehlungen für Bibliotheken - Bachelorarbeit Studiengang Bibliothekswesen Fakultät für Informations- und Kommunikationswissenschaften Fachhochschule Köln Vera-Maria Schmidt Stolzestraße 14 50674 Köln Matr.-Nr.: 11076728 am 27.09.2013 bei Prof. Dr. Selma Strahringer The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. - Tim Berners-Lee* * Erfinder des World Wide Web und Direktor des W3C (URL: http://www.w3.org/WAI/) 2 Inhaltsverzeichnis 1 Einleitung..............................................................................................................9 2 Definition Barrierefreiheit....................................................................................10 3 (Rechtliche) Grundlagen und Prinzipien der Barrierefreiheit................................13 3.1 DIN EN ISO 9241...................................................................................................13 3.2 Web Content Accessibility Guidelines..................................................................15 3.3 Das Behindertengleichstellungsgesetz.................................................................19 3.4 Die Barrierefreie-Informationstechnik-Verordnung und Section 508.................20 3.5 Die sieben Säulen der Barrierefreiheit nach Hellbusch.......................................23 4 Formen und Ausprägungen von Behinderungen, sowie daraus resultierende Barrieren.................................................................................................................25
    [Show full text]
  • Clean up Your Web Pages with HTML TIDY
    Clean up your Web pages with HTML TIDY The maintenance of Tidy has now been taken over by a group of enthusiastic volunteers at Source Forge, see http://tidy.sourceforge.net. There you can find the source code and binaries for a very wide range of platforms. A new version of Tidy is nearing completion which encapsu- lates Tidy as a library TidyLib, and has been designed for easy integration with other software Introduction to TIDY When editing HTML it's easy to make mistakes. Wouldn't it be nice if there was a simple way to fix these mistakes automatically and tidy up sloppy editing into nicely layed out markup? Well now there is! Dave Raggett's HTML TIDY is a free utility for doing just that. It also works great on the atrociously hard to read markup generated by specialized HTML editors and conversion tools, and can help you identify where you need to pay further attention on making your pages more accessible to people with disabilities. Tidy is able to fix up a wide range of problems and to bring to your attention things that you need to work on yourself. Each item found is listed with the line number and column so that you can see where the problem lies in your markup. Tidy won't generate a cleaned up version when there are problems that it can't be sure of how to handle. These are logged as "errors" rather than "warnings". Dave Raggett has now passed the baton for maintaining Tidy to a group of volunteers working together as part of the open source community at Source Forge.
    [Show full text]
  • Sublimelinter Documentation Release 3.4.24
    SublimeLinter Documentation Release 3.4.24 The SublimeLinter Community Mar 06, 2018 Contents 1 Support 3 2 Be Part of the Team 5 3 User Documentation 7 3.1 About SublimeLinter...........................................7 3.1.1 What is a linter?.........................................7 3.1.2 Why do I need a linter?.....................................7 3.2 Installation................................................8 3.2.1 Upgrading from previous versions...............................8 3.2.2 Installing via Package Control.................................8 3.2.3 Installing from source......................................9 3.2.4 Linter plugins..........................................9 3.2.5 Read the docs!......................................... 10 3.3 Usage................................................... 10 3.3.1 Startup actions......................................... 10 3.3.2 Assigning linters........................................ 10 3.3.3 Linting............................................. 10 3.3.4 How linter executables are located............................... 11 3.3.5 Disabling all linters....................................... 11 3.3.6 Toggling linters......................................... 12 3.3.7 Choosing color schemes.................................... 12 3.3.8 User interface.......................................... 12 3.4 Lint Modes................................................ 13 3.4.1 The modes........................................... 13 3.4.2 Choosing a lint mode...................................... 14 3.4.3
    [Show full text]
  • Dive Into Html5
    DIVE INTO HTML5 BY MARK PILGRIM WITH ILLUSTRATIONS FROM THE PUBLIC DOMAIN ❧ ive Into HTML5 seeks to elaborate on a hand-pied Selection of features from the HTML5 specification and other fine Standards. e final manuscript has been published on paper by O’Reilly, under the Google Press imprint. Buy the printed Work — artfully titled “HTML5: Up & Running” — and be the first in your Community to receive it. Your kind and sincere Feedba is always welcome. e Work shall remain online under the CC-BY-3.0 License. diveintohtml5.org DIVE INTO HTML5 TABLE OF CONTENTS Introduction: Five ings You Should Know About HTML5 0 A ite Biased History of HTML5 1 Detecting HTML5 Features: It’s Elementary, My Dear Watson 2 What Does It All Mean? 3 Let’s Call It a Draw(ing Surface) 4 Video in a Flash (Without at Other ing) 5 You Are Here (And So Is Everybody Else) 6 A Place To Put Your Stuff 7 Let’s Take is Offline 8 A Form of Madness 9 “Distributed,” “Extensibility,” And Other Fancy Words 10 e All-In-One Almost-Alphabetical No-Bullshit Guide to Detecting Everything 11 HTML5 Peeks, Pokes and Pointers 12 ❧ “If you’re good at something, never do it for free.” —e Joker (but that doesn’t mean you should keep it to yourself) Copyright MMIX–MMX Mark Pilgrim diveintohtml5.org DIVE INTO HTML5 powered by Google™ Search diveintohtml5.org DIVE INTO HTML5 You are here: Home ‣ Dive Into HTML5 ‣ TABLE OF CONTENTS Introduction: Five ings You Should Know About HTML5 1.
    [Show full text]