Webseite zweisprachig gestalten
bearbeitet von
@@Rosenköhl
> Um nochmal aus der Tornado-Anleitung zu klauen:
Schlecht geklaut. Das HTML ist fehlerhaft.
Wie so oft mangelt es Webentwicklern an den Grundlagen: HTML.
> ~~~ html,bad
> <html>
> ~~~
Hier fehlt die Angabe der Sprache der aktuellen Seite.
~~~ html,good
<html lang="{{ $lang }}">
~~~
---
> ~~~ html,bad
> <form action="{{ request.path }}" method="post">
> <div>{{ _("Username") }} <input type="text" name="username"/></div>
> <div>{{ _("Password") }} <input type="password" name="password"/></div>
> <div><input type="submit" value="{{ _("Sign in") }}"/></div>
> </form>
> ~~~
Hier fehlen die zugänglichen Beschriftungen der Eingabefelder.
~~~ html,good
<form action="{{ request.path }}" method="post">
<div>
<label for="username">{{ _("Username") }}</label>
<input type="text" name="username" id="username"/>
</div>
<div>
<label for="password">{{ _("Password") }}</label>
<input type="password" name="password" id="password"/>
</div>
<div><button type="submit">{{ _("Sign in") }}</button></div>
</form>
~~~
Die `<div>`-Elemente drumherum sind nicht unbedingt erforderlich.
`<input type="submit">`{:.language-html} war nicht unbedingt falsch, aber sowas von veraltet. Das hab ich gleich mal durch einen `<button>`{:.language-html.good} ersetzt. Wobei `type="submit"` der Default ist, also weggelassen werden kann.
🖖 Живіть довго і процвітайте
{:@uk}
--
*„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“*
— @Grantscheam auf Twitter
Webseite zweisprachig gestalten
bearbeitet von
@@Rosenköhl
> Um nochmal aus der Tornado-Anleitung zu klauen:
Schlecht geklaut. Das HTML ist fehlerhaft.
> ~~~ html,bad
> <html>
> ~~~
Hier fehlt die Angabe der Sprache der aktuellen Seite.
~~~ html,good
<html lang="{{ $lang }}">
~~~
---
> ~~~ html,bad
> <form action="{{ request.path }}" method="post">
> <div>{{ _("Username") }} <input type="text" name="username"/></div>
> <div>{{ _("Password") }} <input type="password" name="password"/></div>
> <div><input type="submit" value="{{ _("Sign in") }}"/></div>
> </form>
> ~~~
Hier fehlen die zugänglichen Beschriftungen der Eingabefelder.
~~~ html,good
<form action="{{ request.path }}" method="post">
<div>
<label for="username">{{ _("Username") }}</label>
<input type="text" name="username" id="username"/>
</div>
<div>
<label for="password">{{ _("Password") }}</label>
<input type="password" name="password" id="password"/>
</div>
<div><button type="submit">{{ _("Sign in") }}</button></div>
</form>
~~~
Die `<div>`-Elemente drumherum sind nicht unbedingt erforderlich.
`<input type="submit">`{:.language-html} war nicht unbedingt falsch, aber sowas von veraltet. Das hab ich gleich mal durch einen `<button>`{:.language-html.good} ersetzt. Wobei `type="submit"` der Default ist, also weggelassen werden kann.
🖖 Живіть довго і процвітайте
{:@uk}
--
*„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“*
— @Grantscheam auf Twitter