Много хора, които са нови в уеб дизайна и HTML / CSS използват и Елементът div дефинира логически разделения на вашата уеб страница. Това е основно кутия, в която можете да поставите други HTML елементи, които логично се съчетават. Разделянето може да има множество други елементи в него, като параграфи, заглавия, списъци, връзки, изображения и т.н. Тя дори може да има и други разделяния вътре в него, за да осигури допълнителна структура и организация на вашия HTML документ. За да използвате елемента div, поставете отворен ID = "myDiv">
) или селектор на класа (например, клас = "bigDiv"> Елементът div е различен от елемента на секцията HTML5, тъй като той не придава на приложеното съдържание никакъв семантичен смисъл. Ако не сте сигурни дали блокът със съдържание трябва да е div или раздел, помислете какво е целта на елемента и съдържанието, за да ви помогне да решите кои да използвате: В крайна сметка двата дивизии и секции се държат доста подобно и можете да дадете на някой от тях стойности на атрибутите и да ги оформите с CSS, за да получите вида на вашия сайт, от който се нуждаете. И двата елемента са елементи на ниво блок. Елементът за хоризонтален интервал е по подразбиране инлайн елемент. Това го отличава от елементите div и section. Елементът за честота често се използва за обвиване на конкретно парче съдържание, обикновено текст, за да му даде допълнителна "кука", която може да бъде оформена по-късно. Използван с CSS, той може да променя стила на текста, който го включва; обаче, без никакви атрибути на стила, само елементът за дублиране няма никакъв ефект върху текста изобщо. Това е основната разлика между елементите span и div. Както бе споменато по-горе, елементът div включва прекъсване на параграфа, докато елементът span само казва на браузъра да прилага асоциирани правила за стил на CSS към това, което е приложено от етикети: Открояван текст и не-подчертан текст. Добавете клас = "връхна точка"
или друг клас към елемента за обхват, за да оформите текста с CSS (напр. клас = "акцент">
). Елементът за разделител няма задължителни атрибути, но трите, които са най-полезни, са същите като тези на елемента div: Използвайте интервал, когато искате да промените стила на съдържанието, без да дефинирате това съдържание като нов елемент на ниво блок в документа. Например, ако искате втората дума от заглавието на h3 да бъде червена, можете да заобиколите тази дума с елемент от тип "span", който би описал тази дума като червен текст. Думата все още остава част от елемента h3, но сега също се показва в червено: Използвайки
). И двата атрибута могат да бъдат избрани чрез CSS или модифицирани чрез JavaScript. Текущите най-добри практики са насочени към използването на селектори за класове вместо идентификационни номера, отчасти заради това, колко специфични селектори за идентификация са. В действителност, обаче, можете да използвате един от тях и дори да дадете разделение едновременно ID и класа селектор.Когато да използвате
Използвайки елемент
Това е моето страхотно заглавие
елементи, които взаимозаменяемо, тъй като те изграждат уеб страници. Реалността обаче е, че всеки един от тези HTML елементи служи за различни цели. Да се научите да използвате всеки от тях по предназначение ще ви помогне да разработите по-чисти уеб страници, чийто код е по-лесен за цялостно управление.
елемент
маркер преди зоната на страницата си, която искате като отделен участък и край
маркер след него:
съдържанието на раздел
Ако областта на страницата Ви се нуждае от допълнителна информация, която ще използвате за оформяне с CSS по-късно, можете да добавите елемент за избор на id (например,
Срещу
