Dëshmia e lexuar htm tid. Puna me atributet e të dhënave në HTML5

Shkrimtar i lartë i teknologjisë

Dikush ju dërgoi një e-mail Skedari TID dhe nuk dini si ta hapni? Ndoshta keni gjetur një skedar TID në kompjuterin tuaj dhe po pyesni veten se çfarë është? Windows mund t'ju thotë se nuk mund ta hapni atë, ose në rastin më të keq, mund të hasni një mesazh gabimi përkatës të lidhur me skedarin TID.

Përpara se të hapni një skedar TID, duhet të zbuloni se çfarë lloj skedari është ekstensioni i skedarit TID.

Këshillë: Gabimet e gabuara të lidhjes së skedarëve TID mund të jenë një simptomë e problemeve të tjera themelore brenda Windows-in tuaj sistemi operativ. Këto hyrje të pavlefshme mund të prodhojnë gjithashtu simptoma shoqëruese, të tilla si fillimi i ngadaltë i Windows, ngrirja e kompjuterit dhe probleme të tjera të performancës së kompjuterit. Prandaj, rekomandohet shumë që të skanoni regjistrin tuaj të Windows për lidhje të pavlefshme skedarësh dhe çështje të tjera që lidhen me një regjistër të fragmentuar.

Përgjigje:

Skedarët TID kanë skedarë të pazakonshëm, i cili lidhet kryesisht me Indeksin e Miniaturave AVCHD.

Skedarët TID shoqërohen gjithashtu me skedarin e detyrave të gjuhës IBM Voice Type dhe FileViewPro.

Llojet shtesë të skedarëve mund të përdorin gjithashtu shtesën e skedarit TID. Nëse jeni në dijeni të ndonjë formati tjetër skedari që përdor shtesën e skedarit TID, ju lutemi na kontaktoni që të mund të përditësojmë informacionin tonë në përputhje me rrethanat.

Si të hapni skedarin tuaj TID:

Më e shpejta dhe mënyrë e lehtë Hapja e skedarit tuaj TID do të thotë të klikoni dy herë mbi të. NË në këtë rast Sistemi Windows ajo do të zgjedhë programin e nevojshëm për të hapur skedarin tuaj TID.

Në rast se skedari juaj TID nuk hapet, ka shumë të ngjarë që softueri i nevojshëm të mos jetë i instaluar në kompjuterin tuaj. program aplikimi për të parë ose modifikuar skedarë me shtesa TID.

Nëse kompjuteri juaj hap skedarin TID, por në programin e gabuar, do t'ju duhet të ndryshoni cilësimet e lidhjes së skedarëve në tuaj Regjistri i Windows. Me fjalë të tjera, Windows lidh zgjerimet e skedarëve TID me programin e gabuar.

Instaloni produkte opsionale - FileViewPro (Solvusoft) | | | |

Mjeti i analizës së skedarëve TID™

Nuk jeni i sigurt se çfarë lloji është skedari TID? Dëshironi të merrni informacion të saktë në lidhje me skedarin, krijuesin e tij dhe si mund të hapet?

Tani mund t'i merrni të gjitha menjëherë informacionin e nevojshëm në lidhje me skedarin TID!

Revolucionar TID File Analysis Tool™ skanon, analizon dhe raporton informacion i detajuar në lidhje me skedarin TID. Algoritmi ynë në pritje për patentë analizon shpejt skedarin dhe ofron informacion të detajuar brenda sekondave në një format të qartë dhe të lehtë për t'u lexuar.†

Në vetëm pak sekonda, do të dini saktësisht se çfarë lloji TID është skedari juaj, aplikacioni i lidhur me skedarin, emrin e përdoruesit që krijoi skedarin, statusin e sigurisë së skedarit dhe informacione të tjera të dobishme.

Per te filluar analiza falas skedar, thjesht tërhiqni dhe lëshoni skedarin tuaj TID brenda vizë pika-pika më poshtë ose klikoni "Browse My Computer" dhe zgjidhni një skedar. Raporti i analizës së skedarit TID do të shfaqet më poshtë, pikërisht në dritaren e shfletuesit.

Zvarritni skedarin TID këtu për të filluar analizën

Shiko kompjuterin tim »

Ju lutemi kontrolloni gjithashtu skedarin tim për viruse

Dosja juaj po analizohet... ju lutem prisni.

Përpara se të krijoni HTML5, punoni me atributet në Elementet HTML, për ta thënë butë, nuk ishte e këndshme. Më duhej të përdorja atribute si rel ose class. Dhe disa zhvillues madje krijuan atributet e tyre.

Por gjërat ndryshuan në mënyrë dramatike kur HTML5 na dha mundësinë të përdorim atributet e tij të të dhënave. Tani mund të ruani mjaft lehtë të dhëna shtesë duke përdorur mjete standarde.

Si funksionojnë atributet e datës?

Emri flet vetë. Atributet e datës ruajnë disa të dhëna të specifikuara nga ju. Ata gjithmonë fillojnë me të dhënat e prefiksit- dhe përfundojnë me diçka më të kuptueshme për zhvilluesin (sipas specifikimeve, lejohen vetëm karakteret shkronja të vogla dhe viza). Një element mund të përmbajë çdo numër të atributeve të datës.

Një shembull i përdorimit të atributeve për të ruajtur të dhënat e përdoruesit:

Kalvini

Sigurisht, këto të dhëna nuk janë shumë të dobishme përdoruesi përfundimtar, pasi ai thjesht nuk i sheh ato, por atributet e datës përdoren shumë gjerësisht në ueb modern teknologjive.

Këtu është një shembull i një butoni për të fshirë diçka në faqen tuaj:

Fshije

Të gjitha parametrat e kërkuar në majë të gishtave dhe gati për t'u dërguar në skriptin e fundit. Jo më atributet rel ose përpunimi i ID-së ose veprimin e kërkuar nga atributet e tjera.

Çfarë mund të ruani?

Ekziston vetëm një rregull për t'u mbajtur mend: objektet nuk mund të ruhen në atributet e datës. Kjo është, është e mundur nëse ato së pari serializohen. Tani për tani, thjesht mbani mend se, në parim, mund të ruani vetëm të dhëna vargu.

Leximi/shkrimi i atributeve duke përdorur javascript

Le të kthehemi te shembulli i butonit dhe të shohim se si mund të aksesojmë atributet e kërkuara.

// Ky është një buton var button = document.getElementById("yur-button-id"); // Merr vlerën var cmd = button.getAttribute("data-cmd"); var id = button.getAttribute("data-id"); // Ndrysho butonin e vlerës.setAttribute("data-cmd", yourNewCmd); button.setAttribute("data-id", yourNewId);

Shumë e thjeshtë, apo jo? Tani thjesht kaloni parametrat cmd dhe id në aplikacionin tuaj dhe kryeni kërkesën e nevojshme ajax.

Lexo/shkruaj atributet e datës duke përdorur jQuery.

Këtu është një analog në jQuery:

// Merr vlerën var cmd = $("#your-button-id").attr("data-cmd"); var id = $("#your-button-id").attr("data-id"); // Ndrysho vlerën $("#your-button-id") .attr("data-cmd", yourNewCmd) .attr("data-id", yourNewId);

Për të mos u ngatërruar me metoda e të dhënave(). Edhe pse kanë disa gjëra të përbashkëta, në përgjithësi janë gjëra krejtësisht të ndryshme. Edhe nëse nuk jeni plotësisht të njohur me këto metoda, thjesht përdorni attr() .

Përdorimi i API-së së të dhënave

HTML5 madje na ofron një API për të punuar me të atributet e të dhënave, megjithëse IE10 dhe më poshtë nuk e mbështesin atë.

Përsëri shembulli me butonin, por këtë herë me të dhënat e ndihmës vendos API:

// Ky është një buton var button = document.getElementById("yur-button-id"); // Merr vlerën var cmd = button.dataset.cmd; var id = button.dataset.id; // Ndrysho butonin e vlerës.dataset.cmd = yourNewCmd; button.dataset.id = yourNewId;

Ju lutemi vini re mungesën e prefiksit të të dhënave dhe vizave. Ashtu si kur punoni me vetitë CSS në JavaScript, do t'ju duhet rasti "humpback". API-ja e grupit të të dhënave përkthen emrat e atributeve në mënyrë që emri i të dhënave-some-atribute-emri në HTML të bëhet dataset.someAttributeName në JavaScript.

Çfarë mund të bëni me atributet e datës?

Shembujt e dhënë janë vetëm baza. Ju mund të bëni operacione shumë më komplekse me atributet e datës. Le të shohim disa shembuj.

Filtrimi

Le të themi se jeni duke punuar me një listë elementësh dhe ju duhet t'i filtroni ato sipas fjalës kyçe. Vendi fjalë kyçe në atributet e të dhënave dhe përdorni një skript të vogël përsëritës për t'i përpunuar ato.

• Ford
• Chevrolet
...

Shembull "në gju":

$("#filter").on("keyup", funksion() ( var fjalen = $(this).val().toLowerCase(); $(".cars > li").secili(funksion() ( $(this).toggle(fjala kyçe.gjatësia< 1 || $(this).attr("data-models").indexOf(keyword) > -1); }); });

Stilizimi

Sigurisht, është më mirë të aplikoni stile duke përdorur klasa, por e njëjta gjë mund të bëhet duke përdorur atributet e të dhënave. Kështu mund të aplikoni një stil për elementët që kanë një atribut specifik të dhënash, pavarësisht nga vlera e tij. Le të shohim së pari HTML-në:

Dhe tani CSS:

(sfondi: e kuqe;)

Por si ta marrim parasysh vlerën e një atributi? Kështu mund të aplikoni një stil për të gjithë elementët me një atribut paralajmërues të të dhënave, vlera e të cilit përmban fjalën gabim:

(ngjyra: e kuqe;)

Cilësimet

Korniza e mirënjohur Bootstrap përdor atributet e të dhënave për të konfiguruar shtojcat e saj JavaScript. Shembull popup:

Popover në krye

Mënyra më e mirë për të ruajtur të dhënat

Atributet e datës janë shumë të zakonshme në teknologjitë e internetit. Por gjëja më e rëndësishme është se ato mbështeten plotësisht nga shfletuesit më të vjetër dhe po depërtojnë gjithnjë e më thellë në standardet e uebit. Dhe meqenëse standardi HTML tashmë është miratuar, mund të punoni me ta sot dhe të mos keni frikë se nesër do të zhduken papritur.

Vlad Merzheviç

Ajo që mungonte shumë në HTML 4 ishte aftësia për të krijuar atributet tuaja për të ruajtur vlerat. Pse është e nevojshme kjo? Këtu janë disa detyra ku kjo mund të kërkohet.

• Krijimi i këshillave të veglave pa përdorur skriptet.
• Përcaktoni stilin e një elementi bazuar në një vlerë atributi.
• Marrja dhe ndryshimi i vlerave përmes skripteve.

HTML5 ka një atribut të ri universal që mund të shtohet në çdo etiketë. Rregullat për të shkruar një atribut janë të thjeshta:

• Ne gjithmonë fillojmë me të dhënat-;
• ne përdorim vetëm letra, vizë ndarëse (-), dy pika (:) dhe nënvizim (_).

CSS dhe JavaScript i qasen këtyre atributeve pak më ndryshe, kështu që le të shohim shembuj për to veç e veç.

CSS

CSS ka atribute etiketash, nëse ka ndonjë atribut ose vlera e vendosur vendosim stilin e kërkuar.

përmbajtja

Tani mund ta stilojmë këtë element si një div dhe ta vendosim atë në dizajni i nevojshëm. Në përgjithësi, kjo i ngjan mënyrës se si funksionojnë klasat, kështu që nuk është një veçori unike ose e nevojshme. Pra, është më e dobishme të vendosni vlera.

përmbajtja

Në CSS pas kësaj ne mund të vendosim stil të ndryshëm në kuptime të ndryshme të atributit tonë të kolonave të të dhënave.

Div (gjerësia: 480 px; ) div (gjerësia: 720 px; )

Përsëri, ky është deri diku një zëvendësim për klasat; asgjë nuk ju pengon të bëni klasa me emrat kolona-2, kolona-3 dhe t'i shtoni ato nëse është e nevojshme.

Një aplikim më elegant është përfshirja e funksionit attr(). Merr vlerën e atributit të dhënë dhe e fut atë në stil. Është i përshtatshëm për ta përdorur këtë për të krijuar këshilla veglash. Ne e shkruajmë tekstin direkt brenda elementit dhe zbatojmë shfaqjen dhe dizajnin e këshillës së veglave duke përdorur CSS.

Matësi i këshillës së veglave ( pozicioni: relative; ) matësi: hover::pas (përmbajtja: attr(përshkrimi i të dhënave); sfondi: #ffe; mbushja: 5 px; kufiri: 1px solid #666; pozicioni: absolute; sipër: 20 px; )

Temperatura e ujit

NË në këtë shembull atributi data-description i shtohet elementit që përmban tekstin e nevojshëm për shfaqje. Vetë shfaqja shfaqet duke përdorur pseudo-elementin ::after dhe vetinë e përmbajtjes, vlera e së cilës është funksioni attr().

JavaScript

Nëse në CSS ne i qasemi drejtpërdrejt emrit të atributit, duke e specifikuar plotësisht, atëherë në JavaScript kjo bëhet përmes metodës së të dhënave. Vetë emri i atributit konvertohet në një variabël sipas rregullave të mëposhtme:

• të dhënat - të hedhura;
• çdo vizë që i paraprin shkronjës hidhet poshtë dhe shkronja pasi të bëhet e madhe.

Në praktikë duket kështu.

përshkrimi i të dhënave kthehet në përshkrim.
data-full-description bëhet FullDescription.
data-description-of-tag bëhet descriptionOfTag.

Mënyra tradicionale për të hyrë në një element dhe atributet e tij është të vendosni një ID dhe të aksesoni elementin nëpërmjet getElementById, siç tregohet në shembullin më poshtë.

grupi i të dhënave Përdoruesi var el = document.getElementById("përdorues"); id = el.dataset.id; // Merr vlerën e atributit data-id user = el.dataset.user; dob = el.dataset.dateOfBirth; // Merr vlerën e atributit data-date-of-birth el.dataset.ban = "Jo"; // Cakto një atribut të ri të data-ban dhe vlerën e tij console.log(user); // Shtypni vlerën e ndryshores në konsolën e përdoruesit console.log(dob); // Shtypni vlerën e ndryshores dob në tastierë

Së pari i shtojmë një identifikues elementit me vlerë unike. Më pas ne aksesojmë elementin nëpërmjet getElementById. Tani ne mund të aksesojmë çdo atribut të të dhënave përmes metodës së të dhënave, dhe jo vetëm të marrim, por edhe të vendosim vlera. Ato do të ruhen derisa faqja të ringarkohet ose derisa të vendoset një vlerë e re.