HTML - Tools - La compatibilité du code avec les navigateurs
Par Martin Le sujet de cette semaine est « la compatibilité du code avec les navigateurs », ou le contraire d’ailleurs… Nous allons voir cela dans le détail Photo de rpeschetz depuis Flickr Historique Aux débuts du web, l’offre en navigateurs était limitée, très limitée. Le premier à réellement s’imposer est, dès 1995, Netscape Navigator qui devient la référence pour surfer, mais le public est encore limité. A partir de 2000, avec le développement de l’accès Internet chez les particulier, IE devient pour la plupart des internautes néophytes, le seul moyen d’accéder à Internet sous Windows. Qui durera et dure encore… Même si depuis 2005 Mozilla et son navigateur Firefox, grignote tous les mois des parts de marché au géant de Redmond. Pour en savoir plus : Définition des navigateurs web Contexte Et puis… tout a changé… Ou presque… Disons que en théorie au moins, il y a eu une volonté de faire mieux. Alors, comment ca marche ? Et les bonnes pratiques alors ? Conclusion Pour en savoir plus
Fix Your Site With the Right DOCTYPE!
You’ve done all the right stuff, but your site doesn’t look or work as it should in the latest browsers. Article Continues Below You’ve written valid XHTML and CSS. You’ve used the W3C standard Document Object Model (DOM) to manipulate dynamic page elements. This little article will provide you with DOCTYPEs that work, and explain the practical, real–world effect of these seemingly abstract tags. WHY A DOCTYPE? Per HTML and XHTML standards, a DOCTYPE (short for “document type declaration”) informs the validator which version of (X)HTML you’re using, and must appear at the very top of every web page. As mentioned in previous ALA articles (and in other interesting places), DOCTYPES are also essential to the proper rendering and functioning of web documents in compliant browsers like Mozilla, IE5/Mac, and IE6/Win. Clearly, this is not what you want. WHERE HAVE ALL THE DOCTYPES GONE? W3.org is not A List Apart, WebReference, or Webmonkey. The DOCTYPE you’d actually want to use is:
TOOLBOX - Html - SELFHTML 8.0 (réaliser soi-même des fichiers HTML)
SELFHTML stellt seit 1995 eine deutschsprachige Dokumentation zu HTML und verwandten Technologien zur Verfügung. Wir möchten dabei besonders … Anfängern die Grundlagen vermitteln und Kurse in deutscher Sprache anbieten Fortgeschrittenen ein Nachschlagewerk bereitstellen Discord SELFHTML hat einen Discord-Kanal, bei dem Sie Fragen rund um HTML und Programmierung stellen können. Everyone’s a publisher SELFHTML gehört seit vielen Jahren zu den bekanntesten Dokumentationen über das Erstellen von Web-Seiten. Fertige Content Management Systeme, soziale Netzwerke und andere Plattformen bieten dafür ebenfalls Mittel an. Wollen Sie aber eine individuelle Webseite gestalten, müssen Sie sich mit den grundlegenden Werkzeugen vertraut machen. Für Fragen zum Inhalt und Diskussionen steht das SELFHTML-Forum zur Verfügung.
HTML 4.01 Specification
Abstract This specification defines the HyperText Markup Language (HTML), the publishing language of the World Wide Web. This specification defines HTML 4.01, which is a subversion of HTML 4. In addition to the text, multimedia, and hyperlink features of the previous versions of HTML (HTML 3.2 [HTML32] and HTML 2.0 [RFC1866]), HTML 4 supports more multimedia options, scripting languages, style sheets, better printing facilities, and documents that are more accessible to users with disabilities. HTML 4 is an SGML application conforming to International Standard ISO 8879 -- Standard Generalized Markup Language [ISO8879]. Status of this document This section describes the status of this document at the time of its publication. This document has been reviewed by W3C Members and other interested parties and has been endorsed by the Director as a W3C Recommendation. This specification is a Superseded Recommendation. Available languages Errata
Using HTML Symbol Entities
Some characters (e.g. the less than and greater than signs) are reserved for HTML markup. In order to display these characters as text, you must enter the HTML entities in the source code. For example, to display the less than sign (<), you need to enter < (entity name) or < (entity number). Among the entity list, there are quite a lot of symbol entities that we can use in layout design. For examples: → ♥ ♫ ✓ ✗ • ☞ ✁ ★ “ ⊕. Have you seen the snowman ☃ symbol before? The Advantages of Using Entities Rather Than Images It loads fast because it is text base. Apostrophe & Quotation Marks Most common typography mistakes found on the internet are probably the misuses of apostrophe and quotation marks. To correct this, you can use the right single quote entity (’) as the apostrophe. Arrows I particularly find the arrow symbols useful because they can be used as direction arrows or breadcrumb separators. Link Separators Trademark, Copyright, Degree, and Currency Symbols For Web Design
YAML Debug - an assistive code diagnostic tool for web developers
Getting Started with HTML Emails
HTML emails are a great way to keep clients posted on the latest updates related to your business or product, but they're a bit tricky. CSS support in email clients is inconsistent. As a result, we must resort to ancient techniques, such as using tables, and inline CSS. Today, I'm going to walk you through the process of creating simple HTML emails. Intro: HTML Email As a freelance web developer, coding HTML emails are one of the more challenging tasks that I have to deal with. The Problem: Email Clients You think IE is a pain in the butt? The Solution: Code like it's 1997 That's right. Step 1: The Design Keep it Simple When designing an HTML email, keep simplicity in mind. Minimize Image Use Remember to not get too fancy with your designs since Outlook doesn't support background images. You can use background images for decorative reasons, as long as the email is legible and makes sense without them. Thinner is Better Be Consistent Our Design Step 2: Planning Our Code Cellpadding and Cellspacing
Résoudre ses problèmes d'encodages
De Memodev. Un charset (un jeu de caractère) est un ensemble bien défini de caractères. Le plus simple est l'ASCII (liste de caractères de base US). Les meilleurs tutoriels Encodage et charset Quel encodage choisir ? On ne sait pas toujours quel encodage choisir. Nous vous conseillons d'opter pour l'UTF-8 qui est recommandé par le W3C . Pour éviter au maximum les problèmes d'encodages, il faut que toutes les briques de votre application possèdent le même encodage. MySQL supporte pleinement l'UTF-8 depuis la version 4.1. Pour éviter tout problème d'encodage avec votre BDD, il faut spécifier le charset et le collate sur : Votre base (ou sur la table ou la colonne concernée) Votre serveur MySQL (ou si vous n'y avez pas accès, à chaque connection à la BDD) Voici les détails ci-dessous. Pour indiquer l'encodage d'une base lors de sa création (source) Pour indiquer l'encodage d'une table et de ses champs Pour indiquer l'encodage sur votre serveur MySQL Encodage des fichiers sources En-tête HTTP !
