Cunoaște Intuit, curs, display-xml documente utilizând foi de stil în cascadă
Introduceți elemente HTML în XML-documente și utilizarea namespace
Deși puteți utiliza foi de stil în cascadă pentru a adăuga capacități de formatare de bază ale elementelor XML în documentul dvs., ar fi frumos să aibă posibilitatea de a adăuga elemente HTML-standard, - cum ar fi hyperlink-uri, imagini și forme - la documentul dvs. a beneficiat de utilizarea funcțiilor încorporate ale acestor elemente. Din fericire, atunci când afișați documentul utilizând foile de stil asociate, aveți posibilitatea să inserați în document orice element HTML standard si forta browser-ul pentru a afișa acest element cu special rezervate pentru acest scop nume de elemente.
Poate părea că este posibil să se introducă un element de HTML, XML element pur și simplu prin atribuirea același nume. De exemplu, pentru a insera elementul HTML IMG. pur și simplu prin crearea unui element IMG după cum urmează:
Cu toate acestea, browser-ul este nici o cale de a ști că acesta este un element de HTML, mai degrabă decât de obicei elementul XML generat de tine. Că un mecanism similar ar putea să funcționeze, toate numele de cod HTML-elemente (și sunt multe) ar fi trebuit să fie rezervate exclusiv pentru introducerea HTML-elemente. Această abordare, cu toate acestea, ar fi contrar spiritului de XML. în conformitate cu care s-ar putea utiliza pentru elementele specificate de dvs. în mod corespunzător orice nume.
Din fericire, puteți utiliza convenția XML. cunoscut ca un spațiu de nume. care ne permite să distingem numele conflictuale. Două elemente diferite pot avea același nume, dacă acestea aparțin unor spații de nume diferite.
Se adaugă namespace identificator la începutul numelui elementului și este separat de restul numelui de două puncte (:), ca în exemplul următor:
Element numit mea spațiu de nume: MY-ELEMENT și element de numele meu-element poate exista în același document și sunt considerate elemente diferite, deoarece acestea fac parte pentru a separa namespace: mi-namespace: MY-ELEMENT face parte din numele meu-spațiu de nume. și elementul meu element aparține documentului implicit spațiu de nume.
În cazul în care numele-element XML se potrivește cu numele bușonului HTML standard (de exemplu, IMG. A sau HR), iar în cazul în care face parte din spațiul de nume HTML. Internet Explorer 5, îl interpretează ca un element de HTML și pune-l pe pagina afișată. Cu toate acestea, în cazul în care elementul nu face parte din spațiul de nume HTML. Internet Explorer 5, îl interpretează ca un element de XML obișnuit.
html spațiu de nume este un spațiu de nume special rezervat este declarată după cum urmează:
Iată un exemplu XML element, ceea ce indică faptul că Internet Explorer 5 este elementul inserați HTML IMG. a cărui imagine este sursa fișier Raven.bmp:
Este un element XML gol bine formate. Numele său include o indicație spațiu de nume, are, de asemenea, două atribute. Primul atribut declară un spațiu de nume. în timp ce al doilea atribut este standardul HTML -atributom pe care le puteți include în tag-elementul inițial HTML IMG.
Rețineți că, dacă se introduce elementul HTML al procesului descris mai sus, XML-documente trebuie să fie atașat stylesheet, și trebuie să-l deschidă direct în browser (la fel ca toate documentele XML descrise în acest capitol).
Versiunea Inventory01.css a documentului. așa cum se arată în Listarea 7.1. HTML ilustrează includerea echipamentelor în documentul XML. Vă rugăm să rețineți că acest document este atașat la versiunea originală a tabelului stiluri Raven.css. care este conținut în Listing 7.5.
Documentul este format din trei HTML elemente standard de.
- Acesta conține o imagine reprezentată de următoarele XML-elementul:
Acest element pune HTML elementul IMG standard (imagine). Atribut HTML align = „LEFT“ face imaginea raționalizată și îl plasează la stânga următorul document text. Această metodă este o metodă alternativă, cu care v-ați întâlnit mai devreme în secțiunea „Afișaj simplificat imaginea de text“.
Acest element introduce un element standard HTML A (ancora).
Acest element introduce un element standard al HTML HR (linie orizontală).
Crearea și folosirea unei foi de stil plin
În următoarele exerciții, creați documentul XML care conține primele patru strofe ale poemului de Edgar Allan Poe, „The Raven.“ Apoi, creați foi de stil în cascadă, care se va formata documentul folosind aproape toate proprietățile discutate în acest curs. În Figura 7.40 arată modul în care va apărea poemul în Internet Explorer 5.
Crearea unui document
Vă rugăm să rețineți următoarele caracteristici importante Raven04.xml document:
- El a fost alăturat de foi de stil în cascadă Raven04.css, pe care le va crea în exercițiul următor;
- înainte de fiecare element este un element gol strofă IMAGE. Utilizați elementul de imagine pentru a afișa cioara de imagine la începutul fiecărui strofă;
- ultima linie din fiecare strofă este plasat într-un element special numit LASTVERSE. Acest lucru vă permite să formatați ultima linie diferit de restul liniilor. (Acesta nu este aliniat la stânga, și pe dreapta.)
Listarea 7.12. Raven04.xml
Creați o foaie de stil
În ceea ce privește acest stil foile ar trebui să fie păstrate în minte:
- stylesheet demonstrează aproape toate proprietățile discutate în acest capitol;
- toate utilizate în tehnicile de foaie de stil au fost discutate în secțiunile anterioare ale acestui capitol;
- desenul (RavShade.bmp), mapate folosind elemente de imagine. Reprezintă același desen pe care ați fost afișate în versiunile anterioare ale documentului Raven.xml, cu excepția faptului că acesta are un model de umbră care corespunde elementului de culoare de fundal POEM;
- stylesheet ascunde continutul elementului AUTOR-BIO prin atribuirea unei valori de nici una dintre proprietățile sale de afișare.
Listarea 7.13. Raven04.css