Si një zhvillues ueb, nuk mund të mos ndihem sikur të gjitha këto udhëzime janë jashtëzakonisht mashtruese në 2015.
Natyrisht, etiketa "p" në një moment ishte menduar për përdorimin e paragrafit ... por në 100% të aplikacioneve, modeleve të mia dhe vetëm zhvillimit të përgjithshëm të përditshëm, nuk pamë asgjë tjetër përveç kufizimeve të vendosura nga " etiketa p" ... nuk ofron asnjë përfitim në internetin e sotëm.
Unë do të thosha po, p është një element përshkrues, dhe për këtë arsye, nëse do të ndodhte e gjithë kjo; "përshkruani diçka", unë do të jem gjithçka për këtë ... por NUK përshkruan vetëm përmbajtjen, ai zëvendëson drejtpërdrejt përmbajtjen ALTERS, e cila, duke qenë tashmë e kufizuar në vetvete, nuk është gjithçka që bën, ajo KUFIZON edhe përmbajtjen. Pse dikush me mendjen e tij të drejtë përqafon qëllimisht bllokun përfundimtar të ndërtimit kur bëhet fjalë për zhvillimin e uebit është përtej mua. Nga pikëpamja e dizajnit, nuk ka kuptim. Nga pikëpamja strukturore, kjo nuk ka kuptim. Nga asnjë prej manipulimeve të PERIOD DOM, nuk ka kuptim.
Ne të gjithë kemi ndaluar së bashku përdorimin e etiketës "p" nëse nuk duhet patjetër (si shtypjet e fjalorit nga ana e klientit, gjëra të trashë si ato). Nuk ka asnjë justifikim pse ne nuk mund të përshkruajmë pothuajse gjithçka me klasa dhe identifikues të emërtuar mirë, kështu që ne shohim zero arsye për t'iu përkulur "standardeve" që nuk bëjnë asnjë të mirë, dhe në fakt COUNT çdo pjesë të enigmës, etiketa "p" bën. nuk e ndihmon zhvilluesin, përdoruesi përfundimtar ose moderne Motorë kërkimi... Me pak fjalë ... etiketa "p" është pothuajse e dekurajuar edhe në implementime komplekse nga distanca (dhe për një arsye shumë të mirë), mos lejoni që komentet e këtyre kontrolleve standarde naziste të japin përmbajtjen tuaj!
Edhe në këtë sajt, i fokusuar te zhvilluesit në të, ai ka një SHUMË TOP të tij faqen e vet ka një pjesë të vogël pop që mund të përdorë etiketën "p" pasi përmban tekst të mjaftueshëm për të kandiduar në rreshtin e dytë, por është kapur plotësisht në DIV (dhe vetëm div, jo div -> p) për pothuajse numër i pafund arsyet ... para së gjithash që sot "p" është SUCK krahasuar me çdo bllok të përshkruar mirë të krijuar nga një DIV, i cili përshkruhet po aq mirë (për më tepër ... them) si një paragraf "p" me një ID shumë përshkruese. = "turbullt" ...
Nga Stackoverflow:
flas me
dhe jetoni gjatë
Dhe po, i vlerësoj standardet tona aktuale të internetit dhe gjëra të tilla si ende ndodhin, madje duke ofruar mundësi për të bërë gjëra me disa shfletues modern që nuk mund ta realizosh me një kontejner, por kjo është vetëm se është, në veçanti, një element "p" i prishur, si pjesë e HTML-së së ristrukturuar dhe të modernizuar ... duhet të ishte lënë në varrin ku i takon ... ky është një gjeneratë faqesh interneti ku paragrafët nuk janë më paragrafë përgjithmonë. blloqet ndryshojnë fjalë për fjalë ... është thjesht e vjetëruar dhe jopraktike.
Ne do të mbulojmë dy tema të rëndësishme në këtë postim - përdorimin e elementit span dhe krijimin e tekstit të pjerrët dhe të theksuar duke përdorur etiketat em dhe të fortë. Ndoshta do të mësoni diçka të re dhe të dobishme. Pasi të keni mësuar përmendësh dhe kuptuar një herë hollësitë, në të ardhmen do t'i zbatoni më saktë këto elemente.
Duke përdorur elementin span
Elementi është elementi i dytë më i keqkuptuar në Fjalor HTML, pas elementit bllok. Mund të jetë e dobishme të mendosh për shtrirje si kjo: është një etiketë inline që vepron si një litar shpëtimi në HTML dhe përdoret vetëm pasi të gjithë elementët e tjerë të jenë përjashtuar në këtë situatë. Ka pothuajse gjithmonë zgjidhje më të mira.
Elementi i hapësirës zbatohet vetëm si mjeti i fundit, meqenëse nuk ka kuptim semantik: nuk mund të thuhet se çfarë përmbajtje ka në të. Elementi është plotësisht i padobishëm pa kodin CSS të aplikuar në të: në vetvete, ai nuk ka absolutisht asnjë efekt në shfaqje. Kombinimi i këtyre dy veçorive do të thotë që elementi i hapësirës në sit duhet të përdoret me masë, me qëllim dhe me kujdes.
Shembull tipik i përdorimit të një elementi v element blloku- përmbajtje ambalazhimi që nuk mund të ishte specifikuar ndryshe Stilet CSS... Për shembull:
Për disa arsye, ne duhet fjalë e caktuar shfaqur ndryshe në këtë abazë.
Natyrisht, së pari na duhej të eliminonim të gjitha mundësitë e tjera përpara se të përdornim elementin span, për të shmangur përdorimin e shënjimit inline, si p.sh. (përdoret për përkufizime) dhe (përdoret për shkurtesa) (përdoret për të krijuar tekst të pjerrët) dhe (përdoret për të krijuar tekst të theksuar), për secilën prej të cilave mund të aplikoni kodin CSS.
Krijoni tekst të pjerrët dhe të guximshëm
Kodi HTML është krijuar që të jetë sa më i pavarur nga mjedisi dhe nga përdoruesi. Megjithëse ju zakonisht ndërveproni me shumicën e faqeve të internetit përmes shfaqjes së tyre në ekran, përveç kësaj ka shumë opsione të tjera për shfaqjen e përmbajtjes, për shembull: printim, lexues tekstesh, përkthyes në braille dhe të tjera.
Për këtë arsye, etiketat e përdorura për të shënuar tekstin në kodin HTML kanë një gamë shumë të gjerë përdorimesh. Për shembull, etiketa thekson tekstin. Në shumicën e rasteve, përmbajtja e kësaj etikete shfaqet vizualisht në mënyrë të pjerrët dhe lexuesit e tekstit do ta nxjerrin në pah tekstin duke e lexuar atë më me zë të lartë.
Etiketoni përmbajtjen ai shfaqet vizualisht me shkronja të zeza, dhe si në rastin e mëparshëm, kjo etiketë do të ketë kuptime të ndryshme në kontekste të ndryshme.
Të dy etiketat synohen të përdoren në sasi të vogla teksti - një ose dy fjalë ose një fjali - në një paragraf që është i gjatë disa fjali. Nëse hasni kodin e mëposhtëm:
Në një situatë të tillë, është pothuajse gjithmonë më mirë të mos përdorni etiketa për të krijuar tekst të pjerrët ose të theksuar, por ta stiloni atë në kodin CSS.
Po kështu, përdorimi i një etikete për të krijuar tekst të theksuar në elementët e titullit nuk ka kuptim, është më mirë të përdorni CSS për ta bërë këtë.
Specifikimet HTML5 rifusin etiketat dhe për të krijuar përkatësisht tekst të theksuar dhe të pjerrët, por ne do t'ju rekomandonim që të vazhdoni të përdorni etiketa dhe për këto qëllime, pasi ato kanë zbatueshmëri dhe përshtatshmëri më të gjerë.
Përkthim - Detyrë
Pershendetje te gjitheve!
Andrey është përsëri me ju.
Sot do t'ju ofrohen 2 versione të mësimit. Një në formë teksti- e shihni para syve tuaj, dhe VIDEON e dytë - do t'ju duhet ta shkarkoni.
Sipas mendimit tonë, versioni i videos do të jetë më i kuptueshëm për ju.
Pra, në lidhje me shtesë elementet html…
Le të themi se duhet të theksoni një fjalë të vetme në tekst (supozoni me një ngjyrë dhe sfond të ndryshëm), ose në mënyrë që fotografia dhe teksti që lidhet me të të jenë sipër dhe djathtas në qelizën e tabelës, dhe përmbajtja kryesore e faqja, le të themi, në fund dhe më afër skajit të majtë ... Në lidhje me shembullin e parë, unë do të them se ju mund ta bëni këtë me një etiketë me një komplet parametrat e kërkuar, por i përket etiketave të ndaluara (shfletuesit e rinj mund të mos e mbështesin atë) dhe nuk ka veçori të zëvendësimit të sfondit.
Për raste të tilla jepen dy etiketa specifike, të cilat në fakt nuk bëjnë asgjë vetë. Por kur aplikoni stilet e duhura për to, mund të arrini gjithçka. Në përgjithësi mund të përdorni vetëm këto dy etiketa dhe të aplikoni stile në to për të bërë të gjithë faqen e faqes.
Dhe kështu, këto janë etiketa dhe .
Cili është ndryshimi midis tyre nëse përdoren për të njëjtën gjë?
Elementi div - atë bllok etiketë, dhe mund të përmbajë çdo etiketë që ne njohim (lista, fotografi, tabela ...).
Elementi i hapësirësështë një etiketë inline, dhe zbatohet ekskluzivisht për tekstin (theksoni një pjesë të tekstit me një ngjyrë të ndryshme).
Stilet që zbatohen për këto etiketa janë të gjitha stilet që ne kemi studiuar. Nuk ka kufizime në përdorimin e asnjë stili.
Le të hedhim një vështrim në stilet që janë më tipike për këto etiketa. Ato zbatohen gjithashtu për të gjitha etiketat e tjera dhe përdoren në të njëjtën mënyrë, ato thjesht përdoren më shpesh me këto etiketa (veçanërisht për ) .
Gjëja e parë me të cilën do të doja të filloja është pozicionimi i elementeve.
Kjo pronë:
pozicion- vendos ose përcakton pozicionin e elementit.
Vlerat:
statike- default. Pozicioni i objektit përcaktohet nga rryma Shënimi HTML sipas rregullave standarde.
absolute- pozicioni i objektit përcaktohet në lidhje me pozicionin e objektit mëmë ose në lidhje me objektin e trupit. i afërm- Pozicioni i objektit përcaktohet nga zhvendosja nga pozicioni në të cilin është shfaqur si parazgjedhje.
majtas / lart- vendos ose përcakton pozicionin e elementit në lidhje me skajin e majtë / të sipërm.
Vlerat:
x- numri në përqindje ose piksel.
autoËshtë parazgjedhja.
Le të shqyrtojmë një shembull:
XHTML
Ky shembull tregon se kutia jonë e gjerë 300 pikselë do të lëvizë poshtë 350 px dhe majtas 200 px, në lidhje me vendin ku do të shfaqet si parazgjedhje.
Prona tjetër e rëndësishme:
diferencë- sasia e kompensimit nga blloku ynë në objektet fqinje në të katër anët.
Vlerat:
marzh-majë- vendos sasinë e mbushjes së sipërme të objektit
margjina-majtas- cakton sasinë e dhëmbëzimit të majtë të objektit
marzh-djathtas- cakton sasinë e kufirit të duhur të objektit
marzh-fund- vendos sasinë e mbushjes së poshtme të objektit
XHTML
Ne kemi krijuar një bllok me mbushje 30 px rreth tij nga të gjitha anët.
Çfarë tjetër do të doja të ndalem:
mbushje- vetia specifikon sasinë e hapësirës së futur midis objektit dhe kufijve të tij.
Vlerat:
mbushje-fund- vendos sasinë e hapësirës së futur midis objektit nga kufiri i tij i poshtëm.
mbushje-majtas- vendos sasinë e hapësirës së futur midis objektit nga kufiri i tij i majtë.
mbushje-djathtas- vendos sasinë e hapësirës së futur midis objektit nga kufiri i tij i djathtë.
mbushje-top- vendos sasinë e hapësirës së futur midis objektit nga kufiri i sipërm i tij.
XHTML
Kemi krijuar një bllok me mbushje 30 px nga përmbajtja në të gjitha anët.
Dhe merrni parasysh një shembull duke përdorur një etiketë:
Le të themi se kemi një ndërtim si ky:
Çdo tekst!
Ne duam ta bëjmë tekstin e fjalës në një sfond të verdhë shkronjat blu... Për ta bërë këtë, mbylleni atë në një etiketë dhe aplikoni stilet e duhura.
