XXXXX.com  Home
bmpentertainment.com  Huvudsida

HTML-element modellera innehållsobjekt inom webbsidor. Med hjälp av element, kan utvecklare skapa sidor med specifika logiska strukturer och presentationsegenskaper. Den "div" taggen är en av de vanligaste elementen i webbsidor. En "div" taggen representerar en del av en sida och kan innehålla text, data, media eller andra element, även andra kapslade "div" element. Genom att använda "div" element kan utvecklare skapa webbplatser som överensstämmer i utseende och mottaglig för framtida utveckling.

Strukturera

De som är involverade i att bygga en webbplats separat innehåll från formatering teknik. De "div" element i en webbsida tillåter utvecklaren att modellera varje innehållsobjekt och sidavsnitt, vilket skapar en logisk struktur för sidan som helhet. Följande prov HTML-kod kod visar en "div" element med ytterligare element kapslade inuti:

<Div class = "yttre">

Här är en del av texten.

<Div class = "inre">

<Img alt = "en bild" />

Här finns mer text.

</ Div>

</ Div>

När webbutvecklare skapar initialt sidor, kan de sätta innehållet på sidan, med varje avsnitt omgiven av "div" taggar, så att de kan lägga till mer innehåll och styling kod stegvis.

HTML Varianter

Innan XHTML, tidigare versioner av HTML-kod ingår ibland information till presentation snarare än innehåll. XHTML syftar till att skapa sidor där innehåll och stil bestäms på olika platser inom den totala koden för en webbsida eller webbplats. Den "div" taggen är ett viktigt inslag i denna typ av webbutveckling, eftersom elementet är rent för att kunna definiera en del av en sida, snarare än att tillämpa särskilda utseendeegenskaper till den. Detta innebär att "div" element kan hjälpa utvecklare att skapa sidor som är högre kvalitet och mer tillförlitlig över webbläsare.

Layout

När en utvecklare skapar en webbsida med en serie av "div" element i det, kan hon använda Cascading Style Sheet kod för att avgöra hur dessa delar av innehållet kommer att visas för användare som tittar på sidan i en webbläsare. CSS tillåter utvecklare att tillämpa positionering och lägga ut fastigheter till elementen i en sida i förhållande till varandra. Följande prov CSS-kod dikterar att vissa delar ska flyta på samma horisontella linje som varandra:

div.outer

{Bredd: 100%; }

div.inner

{Width: 400px; float: left; }

div.inner img

{Float: left; }

När den appliceras på prov HTML-innehåll, kommer dessa deklarationer orsaka innehållet ska visas sida vid sida, snarare än med radbrytningar mellan "div" element, som är deras standardformat som blockelement.

Stil

CSS-kod kan tillämpa olika styling egenskaper "div" element förutom att fastställa deras layout på sidan. Använda klass- och ID-attribut, kan utvecklare skapa liknande stilar över grupper av element inom en hel webbplats. Till exempel, om en webbplats innehåller massor av bilder med bildtexter visas bredvid dem och utvecklaren önskar tillämpa samma -stilshotell att dessa bildtext sektioner, kan han uppnå det önskade resultatet genom att placera varje avsnitt av bildtexten i ett element "div" med en särskild klassattribut, enligt följande:

<Div class = "Capt"> Här är bildtexten. </ Div>

CSS-koden kan sedan identifiera och stil dessa avsnitt för hela området enligt följande:

div.capt {

font-size: small;

color: # 333333;

}