Hvad er Span i HTML?

Hvad er Span i HTML?


Hypertext Markup Language (HTML) <span> elementet er forskellig fra <div> tags i, at det ikke har nogen effekt på struktur eller pauser i dit HTML-dokument. I stedet er det <span> tag udelukkende anvendes til formatering og effekter vedrørende den tekst, der vises af dokumentet.

HTML <span> Element

HTML <span> element bruges til inline tekstformatering. Det betyder, at de punkter ændret af <span> element er omgivet af anden tekst og udgør ikke deres egen blok element inden for rammerne af HTML-dokumentet (en <div> element derimod bryder dokumentet struktur for fleksibilitet positionering ). Som enhver HTML-tag, skal <span> element lukkes efter den påtænkte anvendelse med en </ span> lukke tag. Du skal angive formatering parametre i <span> tag. Ellers har det ingen effekt på den vedlagte tekst.

Styling en <span> Tag

Cascading Style Sheets (CSS) formatering er almindeligt anvendt i forbindelse med <span> tags. De nøjagtige formatering parametre kan erklæres som en klasse eller id i dit HTML-dokument eller i en separat stylesheet. Når CSS klasse eller id er angivet, kan det kaldes i <span> tag. For eksempel ville <span class = "bigletters"> anvende formateringen for klasse "bigletters" til den tekst, der var omgivet af åbning og lukning tags. Alternativt kan du style enkelte forekomster af <span> uden brug af klasser eller id'er. For eksempel <span style = "color: # ff00ff"> ville farve vedlagte tekst i magenta.

Anden formatering med <span>

Den <span> element understøtter anden formatering attributter også. For eksempel kan du bruge <span> for at ændre retningen af ​​den tekst, der er vedlagt, ved hjælp af "dir" attribut: <span dir = "rtl"> gør vedlagte tekst i en højre-til-venstre orden. Desuden kan du bruge titlen attribut at tilføje oplysninger til tekst, der vises, når markøren er over det. For eksempel <span title = "Dette er speciel tekst"> viser titlen tekst, når markøren svæver over den medfølgende tekst.

Scripts i <span>

Den <span> element understøtter også udførelsen af ​​JavaScript, når visse mus eller tastatur handlinger udføres. Dit script kan defineres i <span> tag, et andet sted i dit HTML-dokument, eller i et eksternt script-fil. For eksempel <span onclick = "return blangs ()"> ville køre funktionen kaldet blangs når spanned tekst blev klikket på.

Relaterede artikler