Irányelv és észrevételeit a DOCTYPE html kódot, valamint a koncepció blokk és belső elemek

Az előző cikkben vámtarifaszám Html próbababa (ami lényegében azt mondja a történet, amit a nyelv html, címkék és érvényesítő W3C), amit végül az a tény, hogy minden dokumentumot az interneten kell egy bizonyos struktúrát.

Doctype irányelv HTML, XHTML és a HTML 5

Ha a dokumentum típusa nem az irányelvben meghatározott összhangban az általánosan elfogadott szabályok a böngésző valószínűleg még helyesen megjeleníteni a dokumentumot, de nem az a tény, hogy ugyanaz lesz, és más népszerű böngészők ezer olvasók. Ezért Doctype jelen kell lennie a forráskód az oldal és gondoskodott arról, hogy rendben kell lennie.

De nézzük lakik ezen egy kicsit részletesebben. Most vagyunk tanúi egyfajta kettősség vagy két típusú dokumentumokat a hálózaton - úgy, mint azelőtt, hogy kiemelje a CSS méhéből html nyelv és hogyan kell csinálni ma elfogadják a modern szabványoknak.

Úgy tűnhet másképp (tovább lent), de a legegyszerűbb módja, hogy használja ezt a lehetőséget (csak alul a szöveg miért):

Így a böngésző fogja érteni, hogy pontosan mit is szétszedhető kódszabványoknak dokumentumot. Ha ezt a nyilatkozatot zajlik, a böngésző megy dolgozni normál üzemmódban (standarts mód). Ha a böngésző nem találja azt a legelején a dokumentum (vagy nem tükrözik a helyes írásmód), akkor a böngésző tartalmazza a ravasz trükköket mód (a hirtelen fordulat módban).

A dokumentumot ezután megjelenik oly módon, mintha ez a böngésző nagyon régi (ősi). Ha ugyanazt a dokumentumot, hogy adjunk egy nyilatkozatot, a böngésző elvégzi kódelemzési, figyelembe véve minden rendelkezésre áll az aktuális nap szabványoknak.

Az IE (itt lehet letölteni a legújabb verzióját Explorer vagy sajnálat) történelem sokkal hosszabb, ezért a böngészők hirtelen fordulat mód mód (trükkök, azaz, ha a nyilatkozatot nem fejtik ki) jelenik meg a weboldal ugyanúgy fog tenni régi IE 5.5 verzió (ez tekinthető a bázis).

További részletek és hogy megtudja, a konkrét példát, hogy miért kell feltétlenül írja elő a Doctype elején bármely internetes dokumentum, akkor képes lesz arra, hogy ebben a cikkben a CSS tulajdonságokat magassága, szélessége és túlfolyó. Sőt, ez tanulságos.

Bár, ha létre a projekt alapján egy motor vagy más CMS szó. majd a helyességét ez a nyilatkozat lesz felelős motort használ, de tudatában kell lennie kinevezése Doctype és lehetőségek az írás még mindig több mint véleményem, nem lesz.

Úgy néz ki, ez az eset például az alábbiak szerint:

Ha elolvasod az előző cikkemben, akkor rájött, hogy ez az irányelv ebben az esetben azt mondja a böngészőnek, hogy a kódex ezt a dokumentumot kell szétszedni, nyelv alapján szabványos HTML 4.01. Keresni a megfelelő opciót akkor lehet alkalmazni, hogy azt az előző cikkben, a W3C érvényesítő. de van, hogy talál valamit, meg kell tudni, hogy pontosan hol van, egyébként.

Oldal W3C validator nem felhasználóbarát felület és intuitív navigációhoz. Ott könnyen talál egy lehetőség irányelv relatív oldalra mutató linket a kívánt szabványos HTML vagy XHTML és beillesztése ezt a lehetőséget a honlapon, semmi jó történik:

Általánosságban elmondható, hogy csak néhány lehetőséget a DOCTYPE HTML és több más XHTML. Mindezek a lehetőségek akkor képes lesz arra, hogy nézd meg a megfelelő oldalon a W3C érvényesítő.

Kezdjük a Hypertext Markup Language szabványos 4,01 (html 5 mégis fejlesztenek). Erre az esetre három változata a Doctype: szigorú, átmeneti, és támogatja a keretek:

A legtöbb esetben a második opciót használjuk (átmeneti időszak), mint ez lehetővé teszi nagyobb szabadságot írásban dokumentum kódot, nos, egy változat kereteket nem valószínű, hogy hasznos lehet, mert a lényegtelen ma is használják.

Ami azt illeti, ugyanaz a három lehetőség Doctype XHTML - szigorú, átmeneti, és támogatja a keretek:

De lássuk, ahol ezek a verziók a helyes írásmódját a nyilatkozatot. Ne feledje, mi az első cikket nézett az asztalnál megengedett HTML címkék:

És egy külön táblázat a lehetséges HTML attribútumok:

Egyes elemek és attribútumok meg vannak jelölve az oszlop «DTD» írni «F» (pl FRAME, FRAMESET) szerepelni fog a nyilatkozatot Doctype a vázszerkezetek. Ez alapján az átmenet, amely hozzáadódik a címkék és attribútumok létrehozása kereteket. amely akkor nézd meg a fenti linkre.

És most nézzük meg, hogy megértsék, milyen részei áll nyilatkozatot Doctype?

Először jön a neve - «Doctype». Itt, azt hiszem, egyértelmű. Aztán ott van a «html» - a gyökér eleme a jelölőnyelv. Ezután jön a jelzés - a nyilvánosság e nyilatkozatot vagy szisztémás. DOCTYPE Minden lehetőség nyilvánosak, ahogy azt a szót «PUBLIC».

És akkor két személyazonosító okmány. Ezek közül az első az úgynevezett nyilvános azonosító ( «- // W3C // DTD HTML 4.01 // EN»). Mínusz azt jelenti, hogy ez a nyilatkozat nem regisztrált ISO. Majd a neve a konzorcium, a nevét és a nyelvet, amelyen meg van írva. A második azonosító jelzi a fájl elérési útját szigorú opciót.

Nos, most hadd mondjuk el a teljes igazságot a Doctype. Böngészők fontos csak formálisan helyes írás, de ezek nem a Nelly nem mászik a konzorcium honlapján letölthető a megadott fájlt benne.

Ezért, annak érdekében, hogy ne filozofálni ravaszul írásban HTML 5 Doctype néz már ki:

Ez minden. Mi maradt csak «html». És annak ellenére, hogy a HTML 5 még nem teljesen valósult meg, ez az opció által támogatott összes modern böngésző, és akkor is biztonságosan használható. Arról, hogy milyen, ahogy mondod.

A szolgáltatási terület egy webes dokumentum (a címkék között Head) regisztrálni kell címe a nagyon dokumentum (weboldal), zárt elemei a cím (cm. Az ábra).

Túlbecsülni a jelentőségét szereplő információk nagyon nehéz (nem túlzok). Ha a megadott kulcsszavak a Yandex Wordstat (a statisztika keresési lekérdezések Yandex) után összeállításáról szemantikai kernel akkor feltétlenül kell említeni a kiválasztott kulcsszavakat a cím fejlécben.

Egy ötlet, hogy milyen fontos a szavakat a rabok a címeket a jövőben a sikeres támogatása a projekt, akkor lásd a cikk Hogyan népszerűsítsük a helyén magát. és hogyan kell regisztrálni egy szó a címben Joomla és WordPress, megtudhatja, hogy legyen független a promóció, optimalizálás és helyszíni promóció.

Tartalom címe meta tag jelenik meg a tetején a felhasználó böngészőjében és a Google SERP Yandex, ezért amellett, hogy a tartalmat a kulcsszavak, ösztönözni kell a felhasználók számára, hogy pontosan, hogy a webhely a SERPs. Minden oldalon webhelye fejléc cím egyedinek kell lennie, különben nem lesz romlott a rangsorban a projekt.

A koncepció a blokk és a vonal elemek (tag) Html

Minden tag lehet használni belül az elemek Body (amely megjelenik a weblapot, és egy listát, amely megtalálható a W3C érvényesítő), lehet két csoportra oszthatók: kisbetűvel és blokk címkéket.

Blokk elemeket használunk építeni a szerkezete webes dokumentum, és az alsó ügy feldolgozásához használt darab szövege (sorok). Sőt, akkor mindig meg kell felelnie egy megváltoztathatatlan szabály - nem lépnek be a blokk kisbetű címkéket.

A legfeltűnőbb és felfedi a képviselői vonal és a blokk tag, illetőleg Div (blokk elem - innen a neve a blokk elrendezés) és a Span (vonal). Ezek a címkék Hypertext Markup Language párosítva van, hogy van, hogy van egy nyitó és záró tag.

Általában div és a span tag egyáltalán nincs célja és értelme tiszta HTML használata nélkül lépcsőzetes stílusok CSS. Ezek konténerek, amelyek lehetővé teszik, hogy módosítsa a tulajdonságokat a foglyok azt elemek révén CSS.

Ha felmászik a forráskód az oldal több, egymást követő Div, valamit a weblapon mindegyikük, a legvalószínűbb, megpróbálja elfoglalni az összes rendelkezésre álló teret szélesség, és ezért vannak ilyen tartályok lesz egymás alatt. Div konténerek normál körülmények között egymás mellett nem lesz, ha nem erőszakkal kényszerítik őket erre.

Például egy ilyen Html kód jelenik meg a három blokk található az egyik szerint egy másik:

A Firefox, valamint egy nagyon hasznos bővítmény Firebug én még mindig használja a plugin Web fejlesztő. ami sokat segít elrendezést. Többek között meg tudja mutatni a blokkokat, körbefutó a vázlatot. Ez a beépülő modul fejlesztő létre egy kék keret körül Div tartályokat a screenshot.

A címkék is megállapíthatjuk, Span darab szöveg (vonal) HTML kód kölcsönöz bizonyos tulajdonságai CSS segítségével, és az ilyen elemek lehetnek elrendezve egy sorban egymás mellett. Például ilyen kódot a böngésző az alábbiak lesznek:

Tartalom Span itt is rámutatott a plugin Web fejlesztő. mert A span elem kisbetűvel, akkor nem kell, hogy bekerüljenek a blokk tag, például ugyanabban az edényben Div.

Sok szerencsét! Hamarosan találkozunk a blogoldalakon KtoNaNovenkogo.ru

Dmitry, van remény: ha ez lehetséges több példát releváns példák, adja meg a helyzetét a jövevény. Te magad azt írta, hogy nehéz választ találni egyszerű kérdésre.

1. Hogyan lehet a szövegben a kép körül, a bal oldalon;

Ha lehet, a fény a jövőben, és kifejezetten ezekre a kérdésekre.

Köszönjük sokáig fog kitalálni, hogyan működnek a HTML. de szörnyű volt. Te igazán leírni az összes rendelkezésre álló, azt találták, hogy a horror, de horror, horror! Köszönöm, tartsa az órák ebben a témában, én várni a következő.