Použite rozpätie a div s CSS pre väčšiu kontrolu štýlu a rozloženia.
Mnohí ľudia, ktorí sú novými pri návrhu webových stránok a HTML / CSS, používajú prvky a Element div definuje logické rozdiely na vašej webovej stránke. Je to v podstate krabica, v ktorej môžete umiestniť ďalšie prvky HTML, ktoré logicky idú dohromady. Divízia môže mať v sebe viacero ďalších prvkov, ako napríklad odseky, nadpisy, zoznamy, odkazy, obrázky atď. Môže mať dokonca aj ďalšie rozdelenia, ktoré vám poskytnú dodatočnú štruktúru a organizáciu dokumentu HTML. Ak chcete použiť prvok div, umiestnite otvorenú značku obsah div Div> Ak oblasť vašej stránky potrebuje nejaké ďalšie informácie, ktoré použijete na štýl s CSS neskôr, môžete pridať selektor id (napr. id = "myDiv">) alebo výberu triedy (napr. trieda = "bigDiv">). Oba tieto atribúty je možné vybrať pomocou CSS alebo modifikovať pomocou jazyka JavaScript. Súčasné osvedčené postupy sa opierajú o použitie výberov triedy namiesto identifikátorov ID, čiastočne kvôli tomu, ako sú špecifické selektory ID. V pravde však môžete použiť jeden z nich a dokonca dať rozdelenie ako identifikátor, tak selektor triedy. Kedy používať Element div sa líši od elementu sekcie HTML5, pretože nedáva priloženému obsahu žiadny sémantický význam. Ak si nie ste istí, či by obsah bloku mal byť div alebo sekcia, premýšľajte nad tým, akým účelom prvku a obsahom máte pomôcť pri rozhodovaní o tom, ktoré použitie: Nakoniec sa obaja divízie a sekcie správajú veľmi podobne a môžete im dať buď hodnoty atribútov a ich štýl pomocou CSS, aby ste získali vzhľad vašich stránok, ktoré potrebujete. Obidva tieto sú prvky blokovej úrovne. Prvok span je predvoleným elementom. To ho odlišuje od elementov div a sekcií. Prvok rozpätia sa často používa na zabalenie určitého obsahu, obyčajne textu, aby mu dal ďalší "hák", ktorý môže byť neskôr štylizovaný. Používa sa so službou CSS, ale môže zmeniť štýl textu, ktorý obklopuje. avšak bez atribútov štýlu samotný prvok rozpätia nemá žiadny vplyv na text vôbec. Toto je hlavný rozdiel medzi prvkami span a div. Ako už bolo uvedené vyššie, prvok div obsahuje odsek, zatiaľ čo prvok span len informuje prehliadač, aby použil súvisiace pravidlá štýlu CSS na to, čo je priložené značkami : Zvýraznený text span> a nezvýraznený text. p> Pridajte triedu = "zvýraznenie" alebo inú triedu do elementu rozpätia, aby ste text napísali pomocou CSS (napr. Trieda = "zvýraznenie">). Prvok span nemá žiadne požadované atribúty, ale tie tri, ktoré sú najužitočnejšie, sú rovnaké ako tri elementy div: Použite rozpätie, ak chcete zmeniť štýl obsahu bez definovania tohto obsahu ako nového prvku na úrovni bloku v dokumente. Napríklad, ak chcete, aby druhé slovo v záhlaví h3 bolo červené, môžete toto slovo obklopiť spanovým prvkom, ktorý by mal slovo ako červený text. Slovo stále zostáva súčasťou elementu h3, ale teraz sa zobrazuje aj červenou farbou: Upravený Jeremy Girard dňa 2/2/17 Použitie elementu
Použitie prvku
Div> Toto je môj úžasný nadpis