Daha fazla stil ve mizanpaj kontrolü için CSS ile span ve div kullanın.
Web tasarımında ve HTML / CSS'de yeni olan pek çok kişi web sayfalarını oluştururken birbirleriyle değiştirilebilecek şekilde ve Div öğesi, web sayfanızdaki mantıksal bölümleri tanımlar. Temelde mantıksal olarak bir araya gelen diğer HTML öğelerini yerleştirebileceğiniz bir kutu. Bir bölüm, paragraflar, başlıklar, listeler, bağlantılar, resimler vb. Gibi birçok başka öğeye sahip olabilir. HTML belgenize ek yapı ve organizasyon sağlamak için içinde başka bölümler bile olabilir. Div öğesini kullanmak için, sayfanızın bölümünün önüne ayrı bir bölüm olarak ve ardından bir etiketi koymadan önce açık bir div içeriği Sayfanızın alanı daha sonra CSS ile stil uygulamak için kullanacağınız bazı ek bilgilere ihtiyaç duyuyorsa, bir kimlik seçici ekleyebilirsiniz (ör. id = "myDiv">) veya bir sınıf seçici (örneğin, class = "bigDiv">). Bu özelliklerin ikisi de CSS kullanılarak seçilebilir veya JavaScript kullanılarak değiştirilebilir. Mevcut en iyi uygulamalar, kısmen belirli kimlik seçicilerin ne olduğu nedeniyle, ID'leri yerine sınıf seçicilerini kullanmaya yönelmektedir. Gerçekte, ancak, birini kullanabilir ve hatta bir kimlik ve bir sınıf seçicinin bir bölünmesini bile verebilir. Div öğesi HTML5 bölüm öğesinden farklıdır, çünkü kapalı içeriğe semantik bir anlam vermez. İçerik bloğunun bir bölüm veya bölüm olması gerektiğinden emin değilseniz, öğenin amacının ve içeriğin hangisinin kullanılacağına karar vermenize yardımcı olacağını düşünün: Nihayetinde, hem div hem de bölümler oldukça benzer şekilde davranır ve bunlardan herhangi birini verilere atayabilir ve ihtiyacınız olan sitenin görünümünü elde etmek için bunları CSS ile stilleyebilirsiniz. Bunların ikisi de blok seviyesi unsurlardır. Yayılma öğesi, varsayılan olarak satır içi bir öğedir. Bu onu div ve bölüm elemanlarından ayırır. Yayılma elemanı genellikle, daha sonra biçimlendirilebilecek ek bir "kanca" vermek için belirli bir içerik parçasını normal olarak metin sarmak için kullanılır. CSS ile kullanıldığında, içerdiği metnin stilini değiştirebilir; Bununla birlikte, herhangi bir stil özelliği olmaksızın, yalnızca yayılma elemanının metin üzerinde hiçbir etkisi yoktur. Bu, span ve div elemanları arasındaki ana farktır. Yukarıda belirtildiği gibi, div öğesi bir paragraf sonu içerirken, span öğesi yalnızca tarayıcıya, ilgili CSS stil kurallarını etiketleriyle çevrelenen şeylere uygulayacağını söyler: Vurgulanan metin ve vurgulanmamış metin. Metni CSS (örn. Class = "highlight">) ile biçimlendirmek için span öğesine "class =" highlight "veya" class "yazın. Span öğesinin gerekli öznitelikleri yoktur, ancak en kullanışlı üçü div öğesininkilerle aynıdır: İçeriğin stilini, belgede belgede yeni bir blok seviyesi öğesi olarak tanımlamaksızın değiştirmek istediğinizde span kullanın. Örneğin, bir h3 başlığının ikinci kelimesinin kırmızı olmasını istiyorsanız, bu sözcüğü kırmızı sözcüğü bu sözcüğü stil edebilecek bir açıklık öğesiyle kaplayabilirsiniz. Sözcük hala h3 öğesinin bir parçası olarak kalır, ancak şimdi de kırmızı olarak görüntülenir: 2/2/17 tarihinde Jeremy Girard tarafından düzenlendi
Öğesini Kullanma
Bu benim harika başlığım