Mjukt bindestreck för webben

Snygga till text­raderna på dina följ­samma webb­sidor med hjälp av html-koden för mjukt bindestreck som fixar korrekta av­stav­ningar där det behövs.

Idag vet nog de flesta som ut­vecklar webb­sidor att man bör an­vända följ­sam design, också kallat res­ponsiv design, efter­som be­sök­arna an­vänder en­heter med vitt skilda stor­lekar på skärm­arna. Det inne­bär att spalt­erna ibland blir väl­digt smala. Efter­som samman­sätt­ningar är van­ligt i svenska blir det lätt stora gluggar i höger­spalten.

Men detta går att und­vika på samma sätt som när man form­ger för tryck. Du lägger helt enkelt in ett mjukt bindestreck där du vill av­stava det långa ordet. Skill­naden mot text för tryck är att du inte vet vil­ket av orden i din text som kommer att hamna i höger­kanten så du får lägga in mjuka bindestreck i alla ord du kan tänka dig att av­stava.

Ytter­ligare en skill­nad är att du oftast inte kan lägga in det med ett enkelt kort­kommando utan behöver gå in i html-läget i din editor och lägga in html-koden ­ eller ­ där du vill ha av­stav­ningen.

Skriv i html-läget:
av­stav­ningen

Besökaren ser då:
av-
stavningen

eller
avstav-
ningen

eller
av-
stav-
ningen

Fler snabba skrivtips om avstavning

• Avstavning
• Mjukt binde­streck för tryck

Mer om avstavningar på Evas språkblogg

• Av­stav­ningar som är rätt men blir fel

Mer om avstavningar, skrivråd och följsam design

• Svenska skriv­regler – Språk­rådets hand­bok ger ut­för­liga råd om av­stav­ning.
• Hur ska man av­stava, före konso­nant eller mellan ord­led? – fråga i Språk­rådets Fråge­lådan där avstavnings­principerna för­klaras.
• Språk­rådets avstavnings­lexikon – här kallas stavelse­principen för den tidigare be­näm­ningen enkonsonants­principen.
• Följ­sam webb­design – Dataterm­gruppen för­klarar be­greppet.
• Skriva för responsiv webb – Webb­redaktörernas hand­bok.

Annons: