Grunderna för Tagg för CSS3

Grunderna för <img> Tagg för CSS3 - dummies

taggen

har funnits i CSS under lång tid - så länge, faktum att det har plockat upp lite bagage under vägen. Utvecklare som tror att taggen

stöder vissa attribut kan vara förvånad över att det inte kommer - åtminstone inte längre - eftersom de attributen har avlägsnats (borttagna) eftersom nya HTML-versioner har dykt upp på scenen.

Exempelvis är inte attributet i HTML5 tillgängligt - det avlägsnades i HTML4 eftersom CSS redan tillhandahöll bra omvandlingsalternativ till anpassningsattributet. Tyvärr drabbas ett avskedsfall, longdesc, för personer med särskilda behov, men få platser faktiskt genomförde denna användbara funktion ändå. Följande lista ger dig en uppdaterad lista över attribut som du kan använda som referens.

  • alt: Ger en textbeskrivning för bilden för dem som inte kan se den. En skärmsläsare beskriver bilden för personen. Det är viktigt att hålla beskrivningen kort och fokuserad. Även om en bild är värd tusen ord, kommer tittaren sannolikt inte att ha tid att höra dem alla.

  • crossorigin: Tillåter användning av bilder som är placerade på en annan server enligt specifikationen i en tagg som är indelad i en tagg. Webbläsaren fungerar som om bilden serveras av den lokala servern, snarare än den utländska servern. Eftersom bilden finns på en annan server, ändras src-attributet normalt för att inkludera ytterligare serveruppgifter.

    Om du vill använda den här funktionen måste du också ange HTTP-rubrik för ursprung som beskriver serverns plats. Du kan också använda JavaScript för att komma åt den här informationen (se Mozilla Developer Network för ett exempel på att utföra den här uppgiften). Det här attributet kan ha följande värden:

    anonym:

    • Den utländska servern kräver ingen särskild inloggning för att kunna använda bilden. användningsuppgifter:

    • Den utländska servern kräver ett användarnamn och lösenord för att få tillgång till bilden. Referensuppgifterna levereras med en mängd olika medel, inklusive en cookie, x. 509 certifikat eller HTTP grundläggande autentisering.

      Höjd:
  • Anger höjden på en bild med hjälp av vilken som helst stödd måttenhet. ismap:

  • Anger att bilden är en serverns sida när den ingår (det finns inget värde förknippat med detta attribut). Mappade bilder kan användas för att utföra alla typer av uppgifter, som att fungera som en sajtkarta (omdirigerande tittare till andra platser på webbplatsen). src:

  • Definierar källan till bilden. Normalt innehåller detta attribut en enkel URL. När du jobbar med attributet crossorigin, tar src upp en ny mening (se attributet Crossorigin attribut för detaljer). usemap:

  • Anger att bilden är en klientsidekarta. Du anger namnet på taggen som ska användas med bilden. bredd:

  • Anger bredden på en bild med hjälp av vilken som helst stödd måttenhet.