@@Auge
<!DOCTYPE html> <html lang="de"> <head> <title>Couture Anni</title> <meta charset="utf-8">
Setze
<meta charset>
vor jedes andere Head-Element. erstens muss es innerhalb der ersten 1024 Bytes des Dokuments stehen (was hier schon der Fall ist, mit einem längeren Titel aber fehlschlagen kann)
Das ist korrekt. Wenngleich so lange Seitentitel kaum vorkommen sollten. Das Problem sind eher noch andere Angaben im head
, die die Zeichencodierungsangabe außerhalb der ersten 1024 Bytes rutschen lassen könnten.
und zweitens profitiert der Titel des Dokuments nicht von der Angabe.
Das ist falsch. Der Browser bestimmt zuerst die Zeichencodierung, dann interpretiert es den Inhalt gemäß dieser – auch den vor deren Angabe.
Ansonsten dürfte
<!DOCTYPE html>
<html id="😀">
<head>
<meta charset="utf-8"/>
<style>#😀 { background: yellow }</style>
nicht funktionieren; das tut’s aber.
body { background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('img/tape-measure.jpg');
Die Richtung des Gradienten fehlt (
to-bottom
,to-top
,to-left
oderto-right
) als erste Angabe inlinear-gradient
.
Auch das ist nicht richtig. “It may be omitted; if so, it defaults to to bottom
.” [Spec]
Weiterhin fehlt die Ortsangabe, wo die jeweilige Farbangabe zutreffen soll.
Auch das stimmt nicht. “While every color stop conceptually has a position, the position can be omitted in the syntax, in which case it gets automatically filled in by the user agent […] If the first color stop does not have a position, set its position to 0%. If the last color stop does not have a position, set its position to 100%.” [Spec]
Und zu allerletzt sind beide vorhandenen Farbangaben identisch. So ergibt das keinen Sinn.
Man kann eine so erzeugte einfarbige Fläche durch background-size
auf einen Bereich beschränken; background-color
hingegen füllt das gesamte Element.
LLAP 🖖
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory