background preloader

HTML

Facebook Twitter

Scriptol.fr. Guides et outils pour la création de site Web 2.0. Introducing Rich Snippets. Webmaster Level: All As a webmaster, you have a unique understanding of your web pages and the content they represent. Google helps users find your page by showing them a small sample of that content -- the "snippet. " We use a variety of techniques to create these snippets and give users relevant information about what they'll find when they click through to visit your site.

Today, we're announcing Rich Snippets, a new presentation of snippets that applies Google's algorithms to highlight structured data embedded in web pages. Rich Snippets give users convenient summary information about their search results at a glance. To display Rich Snippets, Google looks for markup formats (microformats and RDFa) that you can easily add to your own web pages. And now with microformats markup: or alternatively, use RDFa markup. To prepare your site for Rich Snippets and other benefits of structured data on the web, please see our documentation on structured data annotations. No. What's next? L'élément HTML 5 Canvas - Tutorial. Pour commencer, voyons brièvement qu'est-ce que ce fameux élément Canvas.

Introduction Le HTML 5 introduit dans ses spécifications la balise Cette balise est plutôt récente et n'est pour le moment implémentée que par quelques navigateurs: FirefoxOpéraSafariKonqueror Internet Explorer est encore en retard là dessus ... Vos applications Canvas ne pourront pas être executées sur tous les navigateurs, il faut bien garder cela en tête. Chaque élément canvas dispose d'un contexte.

En gros une zone sur laquelle on pourra afficher, dessiner des graphiques. Seul Opéra supporte en version bêta le contexte 3D. Une fois qu'un élément HTML canvas est déclaré, il faudra utiliser du Javascript pour créer les graphiques dynamiques. Déclaration du canvas en HTML La déclaration de l'élément est relativement simple: L'élément canvas prend en paramètres: width: La largeur de la zoneheight: La hauteur de la zoneid: L'id de l'élément qui servira au Javascript Initialiser le contexte 2D avec du Javascript Ca y'est ! HTML tips: Embedding Web Pages within Web Pages.

Embed – The Apture Blog. Who says you can only link to one piece of content in a hyperlink? With Apture you can include up to 7! We aren’t kidding. Look at the YouTube video above for Taylor Swift. It is not just a YouTube video, because now you can learn about who Taylor Swift is, what people are saying about her on Twitter and even watch some of her other videos all within one link. So How Do You Build One? 1. 2. 3. 4. You will notice each one of the pieces of content above “blooms” into its own micro window allowing your readers to not only view it, but do it in a way that does not cover up what they were originally reading. How to Embed Almost Anything in your Website.

Learn how to embed videos, mp3 music, Flash videos (both swf and flv), pictures, fonts, spreadsheets, charts, maps and everything else into your blog or website. Learn how to embed almost anything in your HTML web pages from Flash videos to Spreadsheets to high resolution photographs to static images from Google Maps and more. Embed RSS Feeds in Web Pages Go to this page, replace the feed URL with your own feed, use the default color scheme or change it to something else and then click Get Code. You’ll get a JavaScript snippet that can be easily placed in the sidebar of your blog. If you like to embed feeds from multiple sources, merge all of them into one using Yahoo Pipes and then pass the combined feed to the Google Gadget. You can also use RSS widgets like WidgetBox or YourMinis that are done in Flash and not JavaScript. Embed High Quality or HD YouTube Videos Embed MP3 music and other Audio If you like to embed audio files like songs, podcasts or interviews in your web pages, use Yahoo!