Les fonctions cachées de HTML

Question

HTML étant la langue la plus utilisée (au moins un langage de balisage) n'a pas obtenu son crédit.
Considérant qu'il a été autour depuis de nombreuses années, des choses comme la FORME / les contrôles de SAISIE ont toujours resté le même avec pas de nouveaux contrôles ajoutés.

Ainsi, au moins à partir de l'existant, connaissez-vous toutes les fonctionnalités qui sont pas bien connu mais très utile.

Bien sûr, cette question est le long des lignes de:

Les Fonctions cachées de JavaScript
Les Fonctions cachées de CSS
Les Fonctions cachées de C#
Les Fonctions cachées de VB.NET
Les Fonctions cachées de Java
Les Fonctions cachées de l'ASP classique
Les Fonctions cachées de ASP.NET
Les Fonctions cachées de Python
Les Fonctions cachées de TextPad
Les Fonctions cachées de l'Éclipse

Ne pas mentionner les fonctionnalités de HTML 5.0, puisque c'est en projet

Veuillez spécifier une fonction par réponse.

Answer 1

À l'aide d'un protocole indépendant du chemin d'accès absolu:

<img src="//domain.com/img/logo.png"/>

Si le navigateur est l'affichage d'une page SSL via le protocole HTTPS, puis il va demander de l'actif avec le protocole https, sinon ça va la demande HTTP.

Cela empêche l'horrible "Cette Page Contient à la Fois sécurisé et Non Sécurisé Éléments" message d'erreur dans internet explorer, en gardant tous vos actifs les demandes dans le même protocole.

Mise en garde: Lorsqu'il est utilisé sur un <link> ou @import pour une feuille de style, IE7 et IE8 télécharger le fichier deux fois. Toutes les autres utilisations, cependant, sont tout simplement beaux.

Answer 2

La balise d'étiquette logiquement les liens de l'étiquette avec l'élément de formulaire à l'aide de la "pour" attribut. La plupart des navigateurs transformer cela en un lien qui active le formulaire correspondant de l'élément.

<label for="fiscalYear">Fiscal Year</label>
<input name="fiscalYear" type="text" id="fiscalYear"/>

Answer 3

Le contentEditable propriété de (IE, Firefox, et Safari)

<table>
    <tr>
      <td><div contenteditable="true">This text can be edited<div></td>
      <td><div contenteditable="true">This text can be edited<div></td>
    </tr>
</table>

Cela permettra de rendre les cellules modifiables! Allez-y, essayez-la si vous ne me croyez pas.

Answer 4

Je pense que le "optgroup" tag est une caractéristique que les gens ne les utilisent pas très souvent. La plupart des gens à qui je parle de ne tendent pas à réaliser qu'elle existe.

Exemple:

<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Answer 5

Mon préféré est la base de la balise, ce qui est un épargnant de vie si vous voulez utiliser le routage ou la réécriture d'URL...

Disons que vous êtes situé à:

www.anypage.com/folder/subfolder/

Ce qui suit est le code et les résultats pour les liens de cette page.

D'Ancrage Standard:

<a href="test.html">Click here</a>

Conduit à

www.anypage.com/folder/subfolder/test.html

Maintenant, si vous ajoutez de la base de la balise

<base href="http://www.anypage.com/" />
<a href="test.html">Click here</a>

L'ancre conduit maintenant à:

www.anypage.com/test.html