Localisation site statique, Différentes alternatives

[audionuma]

Bonjour,
je dois réaliser la localisation d'un site statique en fr vers en.
Config actuelle (exemple, il y a en réalité une dizaine de pages) :

Code

htdocs/
  img/
  css/
  js/
  index.html
  page1.html
  page2.html

Les liens internes vers pages, scripts, images, etc. sont tous en relatif.

J'hésite entre deux solution.

Solution A

Code

htdocs/
  img/
  css/
  js/
  index.html
  page1.html
  page2.html
  index_en.html
  page1_en.html
  page2_en.html

Solution B

Code

htdocs/
  img/
  css/
  js/
  index.html
  page1.html
  page2.html
  en/
    index.html
    page1.html
    page2.html

Avantage solution A : pas besoin d'éditer les liens img, css, js
Avantage solution B : plus ergonomique au niveau des url (example.com/page1.html en fr, example.com/en/page1.html en anglais)

Est-ce qu'il y a une bonne pratique pour ce genre de cas ? Est-ce qu'il y a un impact au niveau référencement ?
Avez vous d'autres suggestions ?
Est-ce intéressant d'envisager un sous-domaine (genre en.example.com pour les pages en anglais) ?
Merci,

Ce message a été modifié par audionuma - 2 Jun 2014, 10:18.

[audionuma]

Bon, je me réponds à moi même, pour les archives.
J'ai finalement choisi l'option B.
Ce qui m'a permis de découvrir un aspect intéressant des règles CSS @font-face : l'adresse d'import est relative au fichier html qui importe la feuille de style ...
Soit :

Code

/htdocs
  /fonts
    myfont.otf
  /css
    styles.css
  index.html
  /en
    index.html

Dans css/styles.css :

Code

@font-face {
  font-family: 'myFont';
  src: url('../fonts/myfont.otf');
}

Lorsque css/styles.css est appellée par /en/index.html, l'url est relative à ce même fichier et le fichier myfont.otf n'est pas trouvé.
Temporairement résolu en modifiant ainsi (pour la version locale du site sur laquelle je travaille) :

Code

@font-face {
  font-family: 'myFont';
  src: url('http://localhost/fonts/myfont.otf');
}

Ma première idée était de mettre l'url du vrai site, soit :

Code

@font-face {
  font-family: 'myFont';
  src: url('http://www.example.com/fonts/myfont.otf');
}

mais la configuration d'Apache sur mon serveur local m'alerte sur un genre d'import cross-domain non autorisé par défaut.

[yponomeute]

Jamais d'url relatives, toujours des urls absolues qui commencent par /, la racine de ton arborescence.

Code

@font-face {
  font-family: 'myFont';
  src: url('/fonts/myfont.otf');
}

[audionuma]

Bon sang, mais c'est bien sûr !
Merci.