The Codest
  • Apie mus
  • Paslaugos
    • Programinės įrangos kūrimas
      • Priekinės dalies kūrimas
      • Galinės dalies kūrimas
    • Staff Augmentation
      • Priekinės dalies kūrėjai
      • Atgalinės versijos kūrėjai
      • Duomenų inžinieriai
      • Debesų inžinieriai
      • QA inžinieriai
      • Kita
    • Patariamoji tarnyba
      • Auditas ir konsultacijos
  • Pramonės šakos
    • Fintech ir bankininkystė
    • E-commerce
    • Adtech
    • Sveikatos technologijos
    • Gamyba
    • Logistika
    • Automobiliai
    • IOT
  • Vertė už
    • CEO
    • CTO
    • Pristatymo vadybininkas
  • Mūsų komanda
  • Case Studies
  • Sužinokite, kaip
    • Tinklaraštis
    • Susitikimai
    • Interneto seminarai
    • Ištekliai
Karjera Susisiekite su mumis
  • Apie mus
  • Paslaugos
    • Programinės įrangos kūrimas
      • Priekinės dalies kūrimas
      • Galinės dalies kūrimas
    • Staff Augmentation
      • Priekinės dalies kūrėjai
      • Atgalinės versijos kūrėjai
      • Duomenų inžinieriai
      • Debesų inžinieriai
      • QA inžinieriai
      • Kita
    • Patariamoji tarnyba
      • Auditas ir konsultacijos
  • Vertė už
    • CEO
    • CTO
    • Pristatymo vadybininkas
  • Mūsų komanda
  • Case Studies
  • Sužinokite, kaip
    • Tinklaraštis
    • Susitikimai
    • Interneto seminarai
    • Ištekliai
Karjera Susisiekite su mumis
Atgal rodyklė GRĮŽTI ATGAL
2022-10-04
Programinės įrangos kūrimas

3 naudingos HTML žymos, apie kurių egzistavimą galbūt net nežinojote

The Codest

Jacekas Ludzikas

Produktų dizaineris

Šiuo metu prieinamumas (A11y) yra labai svarbus visuose programinės įrangos produktų kūrimo etapuose. Pradedant nuo UX ir (arba) vartotojo sąsajos projektavimo dalies ir baigiant pažengusiais kodų kūrimo lygiais. Tai suteikia daug naudos kūrėjams, kurie dirba didindami DX, bet dar svarbiau - galutiniams naudotojams. Viena iš šių a11y dalių HTML yra semantinės žymės, ir būtent jas norėčiau čia aptarti.

Priekinės dalies kūrėjai turi būti gerai susipažinę su HTML žymės nes tai yra jų natūrali kasdienė aplinka. Galiu lažintis, kad visi žinote keletą pagrindinių žymių, pvz.

,
,
ir t. t. Bet, pavyzdžiui, ar žinojote, kad galite pasiūlyti žodžių pertraukos momentą naudodami tik HTML, be CSS?

WBR

Tarkime, kad kuriate svetainę ar programėlę Vokietijos klientui. Kaip žinote, vokiški žodžiai gali būti labai ilgi. Taigi turite dizainą su tam tikru tekstiniu turiniu, kurį turite atkurti kodas ir šis turinys turi būti atskleistas labai konkrečiais momentais. Čia atsiranda žyma padės jums.

Geburtstagskuchen

Štai ir viskas! Naudodami tokią paprastą žymą, galite tvarkyti teksto turinį, kaip tik norite.

O kaip su naršyklės palaikymu? Tiesą sakant, ji gana gera. Dauguma naršyklių supras šią žymą, tačiau "Opera" "Android" ir "Safari" "iOS" gali kilti problemų.

wbr suderinamumo lentelė

METRAS

Įsivaizduokite, kad kuriate disko saugyklos tvarkyklės programą. Jums reikia kažkaip naudotojo sąsajoje parodyti, kiek saugyklos dar yra laisvos, ir jūs tikrai norite, kad ji būtų kuo prieinamesnė. Tai tiesiog puikus naudojimo atvejis žyma. Ji jums nurodys tik apibrėžto intervalo reikšmę. Kitas šaunus šios žymės dalykas yra jos atributai:

  • žema → kai srovės vertė yra mažesnė už nustatytą žemą vertę, matuoklio juosta tampa raudona;
  • optimalus → kai dabartinės vertės yra didesnės už optimalią atributo vertę, matuoklio juosta tampa žalia;
  • didelis → kai didelė vertė yra mažesnė už didžiausią ir didesnė už optimalią vertę, matuoklio juosta bus oranžinė. Priešingu atveju ji bus žalia.

Galbūt žinote panašią žymą - progresas. Taigi, koks iš tikrųjų yra skirtumas tarp jų? Pažangos žyma turėtų būti naudojama tęstinėms užduotims. Kitaip tariant, pažangos žymą naudokite, kai sprendžiate konkrečią užduotį. Žyma meter turėtų būti naudojama disko arba atminties naudojimui rodyti. Dar vienas skirtumas yra tas, kad skaitiklio žymės nepalaiko IE ir tai iš tikrųjų yra vienintelis šios žymės trūkumas.

skaitiklio suderinamumo skaitiklis

DEL ir INS

Ar kada nors galvojote, kaip sukurti prieinamą ištrintų ir pridėtų turinio dalių rodiklį (skirtumą "GitHub" arba el. pašto pranešimus iš "Jira", kai bilietas buvo atnaujintas)? Jums tereikia ištrintą turinį apgaubtižyma. Pavyzdžiui: <del><p>Tiesiog ištrintas turinys</p></del>. Norėdami parodyti tik pridėtą turinio dalį, galite naudoti žyma lygiai taip pat. Ši žyma taip pat turi du atributus:

  • cite → uri šaltinio, kuriame paaiškinama, kodėl buvo pridėta ši dalis;
  • data → duomenys ir pakeitimo laikas.
ins suderinamumo lentelė

Žinoma, yra daug daugiau naudingų HTML žymės . Labai rekomenduoju juos visus naudoti, kai tai įmanoma ir tinkama. Jūsų klientai ir programėlių naudotojai bus jums dėkingi už tokį požiūrį. Tačiau būkite atsargūs, nes kai kurios žymės gali būti nebenaudojamos. Visada galite įsitikinti, kad rečiau naudojama žyma, kurią norite naudoti, vis dar galioja ir yra gerai palaikoma MDN dokumentacija.

Susiję straipsniai

Programinės įrangos kūrimas

Sužinokite daugiau apie Ruby on Rails su "Pub/Sub

"Pub/Sub" projektui gali duoti daug naudos - dėl jos kodas gali būti švarus, paslaugos gali būti atskirtos ir lengvai keičiamos. Daugiau apie "Pub/Sub" sužinosite šiame straipsnyje...

The Codest
Michal Pawlak Vyresnysis "Ruby" programuotojas
Programinės įrangos kūrimas

Veiksmingi Javascript įrankiai

Atraskite keletą JavaScript paieškos įrankių, kurie padės patobulinti jūsų programavimo žaidimą. Sužinokite daugiau apie ESLint, Prettier ir Husky!

The Codest
Reda Salmi React kūrėjas
Programinės įrangos kūrimas

Vidaus ir išorės programuotojų samdymas

Ar samdote darbuotojus iš vidaus, ar iš išorės? Tai didžiausia dilema! Sužinokite outsourcing ar vidinės komandos kūrimo privalumus šiame straipsnyje.

The Codest
Grzegorz Rozmus "Java" padalinio vadovas
Programinės įrangos kūrimas

9 klaidos, kurių reikia vengti programuojant "Java" kalba

Kokių klaidų reikėtų vengti programuojant "Java" kalba? Šiame straipsnyje atsakysime į šį klausimą.

The Codest
Rafal Sawicki "Java" programuotojas

Prenumeruokite mūsų žinių bazę ir būkite nuolat informuoti apie IT sektoriaus patirtį.

    Apie mus

    The Codest - tarptautinė programinės įrangos kūrimo bendrovė, turinti technologijų centrus Lenkijoje.

    Jungtinė Karalystė - būstinė

    • 303B biuras, 182-184 High Street North E6 2JA
      Londonas, Anglija

    Lenkija - vietiniai technologijų centrai

    • Fabryczna biurų parkas, Aleja
      Pokoju 18, 31-564 Krokuva
    • Brain Embassy, Konstruktorska
      11, 02-673 Varšuva, Lenkija

      The Codest

    • Pagrindinis
    • Apie mus
    • Paslaugos
    • Case Studies
    • Sužinokite, kaip
    • Karjera
    • Žodynas

      Paslaugos

    • Patariamoji tarnyba
    • Programinės įrangos kūrimas
    • Galinės dalies kūrimas
    • Priekinės dalies kūrimas
    • Staff Augmentation
    • Atgalinės versijos kūrėjai
    • Debesų inžinieriai
    • Duomenų inžinieriai
    • Kita
    • QA inžinieriai

      Ištekliai

    • Faktai ir mitai apie bendradarbiavimą su išoriniu programinės įrangos kūrimo partneriu
    • Iš JAV į Europą: Kodėl Amerikos startuoliai nusprendžia persikelti į Europą?
    • Technikos plėtros centrų užsienyje palyginimas: Tech Offshore Europa (Lenkija), ASEAN (Filipinai), Eurazija (Turkija)
    • Kokie yra svarbiausi CTO ir CIO iššūkiai?
    • The Codest
    • The Codest
    • The Codest
    • Privacy policy
    • Website terms of use

    Autorinės teisės © 2026 The Codest. Visos teisės saugomos.

    lt_LTLithuanian
    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 lvLatvian lt_LTLithuanian