Kuidas luua pilt etikett

Sildilugeja stiilimiseks kasuta CSS-i

tag pilv on üksuste nimekirja visuaalne kujundus. Teid näete tihti blogidele tag pilte. See oli populaarne saitidel nagu Flickr.

Tag pilved on nimekiri lingid, mis muutuvad suuruse ja kaalu järgi (mõnikord ka värv) sõltuvalt mõnest mõõdetavast atribuutist. Enamik siltide pilve on üles ehitatud populaarsuse alusel või lehtede arvuga, millel on märgitud see konkreetne märgend. Kuid saate luua sildilugeja saidi ükskõik millisest loendist, millel on vähemalt kaks võimalust neid kuvada. Näiteks:

Mida peate silmade pilve ehitama?

Tag pilv on lihtne luua, vajate ainult kahte asja:

Enamik siltide pilved on linkide loendid, seega aitab see, kui igal objektil on URL-iga seotud URL. Kuid see ei nõua visuaalse hierarhia loomist.

Populaarsete linkide tagumärkide moodustamiseks vajalikud sammud

Minu saidil on artiklid, mis saavad iga päev lehtede vaatamised, ja see on lihtne mõõdik, mida kasutada siltide pilve loomiseks. Selle näite jaoks loome tag pilve artiklite loendist, mis on minu 1. jaanuari 2007 nädala esikümnes 25 artiklit.

  1. Määrake mitu taset, mida soovite oma hierarhias.
    1. Kuigi teie pilves on nii palju tasemeid kui teie loendis olevaid üksusi, muutub see tüütu koodeksiks ja erinevused võivad olla väga väikesed. Soovitan teil oma hierarhias mitte rohkem kui 10 taset.
  2. Otsustage iga taseme lõpu punktid.
    1. See võib olla sama lihtne kui lehevaatamiste arv päevas 1/10 viiludeks - st. kui teie saidi suurim leht saab päevas 100 vaatamist, võite selle lõigata 100+ -ni, 90-100-ni, 80-90-ni, 70-80-ni jne. Ma hakkasin oma lehevaateid üles nägema.
  3. Lisage oma üksused lehevaatamisjärjekorda ja anna neile samm 2
    1. Ärge muretsege, kui teil mõnedes teenindusaegades pole ühtegi eset, vaid muudab pilve huvitavamaks.
  4. Puhutage oma nimekiri tähestikulises järjekorras (või mis tahes teine ​​sortimiseks, mida soovite kasutada).
    1. See muudab pilve huvitavaks. Kui jätate selle järjestuse järgi sorteerituna, siis on see lihtsalt nimekiri, kus on kõige suuremad kirjed ülaosas ja kõige väiksemas allosas.
  5. Kirjutage oma HTML-kood nii, et auastmed on klassi number. class = "tag4"> Streaming audiofailide lisamine

Kui teil on iga üksiku loendiüksuse jaoks HTML ja järjekord, mida soovite neid kuvada, peate otsustama. Saate paigutada lingid lõigus ja teid valmis. Kuid see pole semantiliselt märgistatud ja igaüks, kellel pole CSS-i teie tag pilvile jõudnud, näeks lihtsalt linki suurt lõiget. Selle tüübi loendi HTML näeb välja selline:

Streaming audiofailide lisamine Põhilised sildid veebisaidile Parim veebidisaini tarkvara Veebilehe loomine täiesti kadunud Värviline sümbolism

Selle asemel soovitan teil luua oma siltide pilve järjestatud loendi abil. See on veel mõni HTML- ja CSS-koodi rida, kuid see tagab, et sisu saab lugeda olenemata sellest, kes seda vaatab. HTML näeb välja selline: