The Codest
  • Par mums
  • Pakalpojumi
    • Programmatūras izstrāde
      • Frontend izveide
      • Backend izstrāde
    • Staff Augmentation
      • Frontend izstrādātāji
      • Backend izstrādātāji
      • Datu inženieri
      • Mākoņa inženieri
      • QA inženieri
      • Citi
    • Tā Konsultatīvais dienests
      • Audits un konsultācijas
  • Nozares
    • Fintech un banku darbība
    • E-commerce
    • Adtech
    • Healthtech
    • Ražošana
    • Loģistika
    • Automobiļu nozare
    • IOT
  • Vērtība par
    • CEO
    • CTO
    • Piegādes vadītājs
  • Mūsu komanda
  • Case Studies
  • Zināt, kā
    • Blogs
    • Tikšanās
    • Tiešsaistes semināri
    • Resursi
Karjera Sazinieties ar mums
  • Par mums
  • Pakalpojumi
    • Programmatūras izstrāde
      • Frontend izveide
      • Backend izstrāde
    • Staff Augmentation
      • Frontend izstrādātāji
      • Backend izstrādātāji
      • Datu inženieri
      • Mākoņa inženieri
      • QA inženieri
      • Citi
    • Tā Konsultatīvais dienests
      • Audits un konsultācijas
  • Vērtība par
    • CEO
    • CTO
    • Piegādes vadītājs
  • Mūsu komanda
  • Case Studies
  • Zināt, kā
    • Blogs
    • Tikšanās
    • Tiešsaistes semināri
    • Resursi
Karjera Sazinieties ar mums
Atpakaļ bultiņa ATGRIEZTIES ATPAKAĻ
2022-10-04
Programmatūras izstrāde

3 noderīgas HTML birkas, par kuru esamību jūs pat nezināt

The Codest

Jaceks Ludziks

Produktu dizainere

Mūsdienās pieejamība (A11y) ir būtiska visos pielāgotu programmatūras produktu veidošanas posmos. Sākot no UX/UI dizaina daļas, tā pāriet uz uzlaboto funkciju veidošanas līmeni kodā. Tas sniedz daudz priekšrocību izstrādātājiem, kas strādā pie DX palielināšanas, bet vēl svarīgāk - galalietotājiem. Viena no šīm a11y daļām HTML ir semantiskās tagi, un tieši par to es vēlētos šeit pastāstīt.

Front-end izstrādātājiem ir rūpīgi jāpārzina HTML tagi jo tā ir viņu ikdienas dabiskā vide. Es deru deru, ka visi jūs zināt dažus pamattagus, piemēram.

,
,
un tā tālāk. Bet, piemēram, vai zinājāt, ka varat ierosināt vārdu pārrāvuma brīdi, izmantojot tikai HTMLbez CSS?

WBR

Pieņemsim, ka strādājat pie kādas vietnes vai lietotnes izstrādes vācu klientam. Kā jūs zināt, vācu valodas vārdi var būt ļoti gari. Tātad jums ir izstrādāts dizains ar tekstu, kas jums jāatveido, lai attēlotu kods un šim saturam ir jālaužas ļoti konkrētos brīžos. Šeit parādās tagu, lai jums palīdzētu.

Geburtstagskuchen

Tas ir viss! Izmantojot šādu vienkāršu birku, varat manipulēt ar teksta saturu pēc saviem ieskatiem.

Bet kā ir ar pārlūkprogrammas atbalstu? Godīgi sakot, tas ir diezgan labs. Lielākā daļa pārlūkprogrammu sapratīs šo birku, taču Operai operētājsistēmā Android un Safari operētājsistēmā iOS var rasties problēmas.

wbr saderības tabula

METRS

Iedomājieties, ka veidojat diska krātuves pārvaldnieka lietotni. Jums kaut kādā veidā lietotāja saskarnē ir jāparāda, cik daudz krātuves vēl ir pieejams, un jūs patiešām vēlaties, lai tas būtu pēc iespējas pieejamāk. Tas ir ideāls izmantošanas gadījums, lai birka. Tā tikai norādīs tikai vērtību noteiktā diapazonā. Vēl viena lieliska šīs birkas īpašība ir tās atribūti:

  • zems → ja pašreizējā vērtība ir zemāka par iestatīto zemo vērtību, skaitītāja josla kļūst sarkana;
  • optimālais → ja pašreizējās vērtības ir augstākas par optimālo atribūta vērtību, skaitītāja josla kļūst zaļa;
  • augsts → ja augstā vērtība ir zemāka par maksimālo un augstāka par optimālo vērtību, skaitītāja josla būs oranža. Pretējā gadījumā tā būs zaļa.

Iespējams, jums ir zināma arī līdzīga birka - progress. Kāda ir to atšķirība? Progress tagu vajadzētu izmantot notiekošajiem uzdevumiem. Citiem vārdiem sakot, lietojiet progresa tagu, kad strādājat ar konkrētu uzdevumu. Ar skaitītāja tagu to vajadzētu izmantot, lai parādītu diska vai atmiņas izmantošanu. Vēl viena atšķirība ir tā, ka skaitītāja birku neatbalsta IE, un tas faktiski ir vienīgais šīs birkas trūkums.

skaitītāja saderības skaitītājs

DEL un INS

Vai esat kādreiz domājuši, kā izveidot pieejamu rādītāju par dzēstajām un pievienotajām satura daļām (atšķirība GitHub vai e-pasta paziņojumi no Jira, kad biļete ir atjaunināta)? Jums vienkārši ir nepieciešams ietīt izdzēsto saturu arbirka. Piemēram: <del><p>Tikai dzēsts saturs</p></del>. Lai parādītu tikai pievienoto satura daļu, varat izmantot tagu tieši tādā pašā veidā. Šai birkai ir arī divi atribūti:

  • cite → resursa uri, kas paskaidro, kāpēc šī daļa ir pievienota;
  • datums → dati un izmaiņu laiks.
ins saderības tabula

Protams, ir daudz vairāk noderīgu HTML tagus . Es ļoti iesaku izmantot visus šos līdzekļus, kad tas ir iespējams un lietderīgi. Jūsu klienti un lietotņu lietotāji būs jums pateicīgi par šādu pieeju. Tomēr esiet uzmanīgi, jo dažas birkas var būt novecojušas. Vienmēr varat pārliecināties, vai retāk lietotā tagu birka, ko vēlaties izmantot, joprojām ir derīga un tai ir labs atbalsts. MDN dokumentācija.

Saistītie raksti

Programmatūras izstrāde

Uzzināt vairāk par Ruby on Rails ar Pub/Sub

Pub/Sub var sniegt projektam daudz priekšrocību - tas var padarīt kodu tīru, atsaistīt pakalpojumus un padarīt tos viegli mērogojamus. Uzziniet vairāk par Pub/Sub šajā rakstā...

The Codest
Michal Pawlak Vecākais Ruby programmētājs
Programmatūras izstrāde

Javascript rīki darbībā

Atklājiet dažus JavaScript izgūšanas rīkus, lai uzlabotu savu programmēšanas spēli. Uzziniet vairāk par ESLint, Prettier un Husky!

The Codest
Reda Salmi React Izstrādātājs
Programmatūras izstrāde

Iekšējo un ārējo izstrādātāju pieņemšana darbā

Darbinieku pieņemšana darbā iekšēji vai ārēji? Tā ir vislielākā dilemma! Šajā rakstā uzziniet outsourcing vai iekšējās komandas veidošanas priekšrocības.

The Codest
Grzegorz Rozmus Java vienības vadītājs
Programmatūras izstrāde

9 kļūdas, no kurām jāizvairās, programmējot Java valodā

No kādām kļūdām vajadzētu izvairīties, programmējot Java valodā? Šajā rakstā mēs atbildēsim uz šo jautājumu.

The Codest
Rafal Sawicki Java izstrādātājs

Abonējiet mūsu zināšanu bāzi un saņemiet jaunāko informāciju par IT nozares pieredzi.

    Par mums

    The Codest - starptautisks programmatūras izstrādes uzņēmums ar tehnoloģiju centriem Polijā.

    Apvienotā Karaliste - Galvenā mītne

    • 303B birojs, 182-184 High Street North E6 2JA
      Londona, Anglija

    Polija - Vietējie tehnoloģiju centri

    • Fabryczna Office Park, Aleja
      Pokoju 18, 31-564 Krakova
    • Brain Embassy, Konstruktorska
      11, 02-673 Varšava, Polija

      The Codest

    • Sākums
    • Par mums
    • Pakalpojumi
    • Case Studies
    • Zināt, kā
    • Karjera
    • Vārdnīca

      Pakalpojumi

    • Tā Konsultatīvais dienests
    • Programmatūras izstrāde
    • Backend izstrāde
    • Frontend izveide
    • Staff Augmentation
    • Backend izstrādātāji
    • Mākoņa inženieri
    • Datu inženieri
    • Citi
    • QA inženieri

      Resursi

    • Fakti un mīti par sadarbību ar ārējo programmatūras izstrādes partneri
    • No ASV uz Eiropu: Kāpēc Amerikas jaunuzņēmumi nolemj pārcelties uz Eiropu?
    • Tehnoloģiju ārzonas attīstības centru salīdzinājums: Tech Offshore Eiropa (Polija), ASEAN (Filipīnas), Eirāzija (Turcija)
    • Kādi ir galvenie CTO un CIO izaicinājumi?
    • The Codest
    • The Codest
    • The Codest
    • Privacy policy
    • Website terms of use

    Autortiesības © 2026 The Codest. Visas tiesības aizsargātas.

    lvLatvian
    en_USEnglish de_DEGerman sv_SESwedish da_DKDanish nb_NONorwegian fiFinnish fr_FRFrench pl_PLPolish arArabic it_ITItalian es_ESSpanish nl_NLDutch etEstonian elGreek pt_PTPortuguese cs_CZCzech lt_LTLithuanian lvLatvian