Di 1. Capitolo 1: Iniziare con xhtml 2. Osservazioni 2. Versioni 2. Examples 2. Installazione o configurazione 2

Transcript

1 xhtml #xhtml

2 Sommario Di 1 Capitolo 1: Iniziare con xhtml 2 Osservazioni 2 Versioni 2 Examples 2 Installazione o configurazione 2 Esempio completo XHTML e JavaScript 4 XHTML5 e attributi booleani 5 Aggiunta di XML a un'applicazione XHTML e recupero di XML da un'applicazione XHTML 5 Titoli di coda 8

3 Di You can share this PDF with anyone you feel could benefit from it, downloaded the latest version from: xhtml It is an unofficial and free xhtml ebook created for educational purposes. All the content is extracted from Stack Overflow Documentation, which is written by many hardworking individuals at Stack Overflow. It is neither affiliated with Stack Overflow nor official xhtml. The content is released under Creative Commons BY-SA, and the list of contributors to each chapter are provided in the credits section at the end of this book. Images may be copyright of their respective owners unless otherwise specified. All trademarks and registered trademarks are the property of their respective company owners. Use the content presented in this book at your own risk; it is not guaranteed to be correct nor accurate, please send your feedback and corrections to 1

4 Capitolo 1: Iniziare con xhtml Osservazioni Questa sezione fornisce una panoramica di cosa sia xhtml e perché uno sviluppatore potrebbe volerlo utilizzare. Dovrebbe anche menzionare qualsiasi argomento di grandi dimensioni all'interno di xhtml e collegarsi agli argomenti correlati. Poiché la documentazione per xhtml è nuova, potrebbe essere necessario creare versioni iniziali di tali argomenti correlati. Versioni Versione Data di rilascio XHTML /01/26 XHTML /05/31 XHTML XHTML /10/28 Examples Installazione o configurazione Relazione XHTML con HTML XHTML è semplicemente la versione serializzata dell'html. XHTML era originariamente destinato a ripulire il markup HTML per migliorare il supporto degli standard. Sfortunatamente il lavoro del W3C su XHTML 2.0 non è stato intuitivo e ha penalizzato il punto in cui l'industria nel suo insieme era diretta con HTML5. XHTML5 non è uno standard sebbene tu possa usare XHTML5 (XML HTMLized serial HTML5) con piccole modifiche. Di seguito sono forniti esempi per facilitare l'adozione di XHTML5 e chiarire le ambiguità nello standard HTML5 in cui XML non viene preso in considerazione. Vantaggi XHTML Poiché XHTML utilizza il parser XML di un browser, è significativamente (sebbene non assolutamente) meno incline agli errori di programmazione comuni. Se uno sviluppatore carica un'applicazione XHTML con XML malformato, la maggior parte dei motori di rendering del browser eseguirà il rendering fino all'xml malformato mentre il motore di rendering Gecko (utilizzato in Firefox) mostrerà una pagina gialla. In tutti i casi verrà visualizzato un messaggio di errore con i numeri di riga e di colonna in cui è stato rilevato il primo errore di analisi XML rilevato. Molti 2

5 sviluppatori hanno commesso errori semplici come mancare una citazione da un attributo HTML lasciandoli passare giorni a cercare di determinare perché uno o due browser non stanno rendendo la pagina HTML come previsto, usando XHTML può ridurre drasticamente i tempi di sviluppo su HTML. L'XHTML può avere un rinforzo positivo sull'apprendimento del codice HTML valido per le persone che apprendono lo sviluppo web in quanto non consente all'applicazione XHTML di eseguire il rendering completo con codice malformato e dando un messaggio di errore esplicito che i nuovi sviluppatori possono cercare in linea soluzioni operative. Poiché XHTML è un sottoinsieme di XML, ha quindi una compatibilità molto elevata con il software che funziona con XML in una gamma molto ampia di usi industriali, commerciali e residenziali. Infine, a causa dei suoi rigidi requisiti, il codice XHTML è automaticamente compatibile con HTML e XML (soggettivo per l'assenza di più valori di attributo id ) mentre HTML non è intrinsecamente compatibile con altri corpi di HTML e XML in quanto non è immediatamente evidente che il codice HTML può essere malformato XHTML svantaggi A causa delle regole del parser XML molto più severe XHTML non è così facile, inizialmente, per gli sviluppatori meno esperti. L'XHTML non viene preso in considerazione spesso da vari gruppi, contiene ambiguità riguardo alle parti scritte male dello standard HTML5 e non esiste un validatore esplicito che dichiari il supporto per XHTML5. XHTML è meno compatibile con parti "lazier" di JavaScript come innerhtml che non serializza correttamente nuove parti del DOM, ma questo è più di un vantaggio per gli sviluppatori dedicati che imparano XHTML poiché richiede un codice più stretto e più intercambiabile. Utilizzando XHTML XHTML è la combinazione di HTML e l'uso del parser XML che è una versione molto più rigorosa del parser HTML; tutti i browser moderni hanno parser HTML per parser HTML e XML per XML (e successivamente XHTML). XHTML non richiede un'installazione di software (oltre all'utilizzo di qualsiasi browser moderno), tuttavia un'applicazione (X) HTML è solo XHTML quando è correttamente servita al browser con un header inviato dal server che dichiara il tipo mime application/xhtml+xml ; puoi verificare se la tua applicazione XHTML è stata effettivamente pubblicata in questo modo visualizzando il tipo di media / mime / tipo nel pannello delle richieste di rete degli strumenti di sviluppo web nel tuo browser. Una pagina pubblicata come text/html non è XHTML e verrà invece analizzata dal parser HTML del browser. Caricato da un server Quando si carica un parser XHTML dal server deve essere impostata un'intestazione, l'utilizzo di un meta elemento non ha alcun fine utile. Nell'esempio in combinazione con PHP: <?php if (isset($_server['http_accept']) && stristr($_server['http_accept'],'application/xhtml+xml')) // Client header isset` and explicitly declares XHTML parser support. header('content-type: application/xhtml+xml; charset=utf-8'); echo '<?xml version="1.0" encoding="utf-8"?>'."\n"; echo '<html xmlns=" xml:lang="en">'."\n"; 3

6 else //Some browsers do not declare support, IE9 shamelessly uses `*/*` in example. echo '<html>'."\n";?> Caricato da un file Se si sta eseguendo il test senza caricare una pagina da un percorso del server (ad esempio localhost, , xxx.yyy, ecc.), L'unico modo per caricare un browser un'applicazione XHTML e utilizzare il parser XML è di fornire presenta un'estensione.xhtml ; example.xhtml. XHTML / XML Parser Browser Support I browser con supporto XHTML tramite parser XML includono Internet Explorer 9+ (supporto del parser XML nelle versioni precedenti in application/xml supporto alla moda molto complicata application/xml ), Mozilla Suite 0.8+ (tutte le versioni di Firefox), Opera 7+ e prime versioni di KHTML (Konqueror e quindi tutte le versioni di Safari e di ulteriore estensione Chromium / Chrome). Esempio completo XHTML e JavaScript Di seguito è riportato un esempio completo dell'utilizzo di XHTML con JavaScript gestito da PHP come file singolo. <?php if (isset($_server['http_accept']) && stristr($_server['http_accept'],'application/xhtml+xml')) // Client header isset` and explicitly declares XHTML parser support. header('content-type: application/xhtml+xml; charset=utf-8'); echo '<?xml version="1.0" encoding="utf-8"?>'."\n"; echo '<html xmlns=" xml:lang="en">'."\n"; else //Some browsers do not declare support, IE9 shamelessly uses `*/*` in example. echo '<html>'."\n";?> <head> <style type="text/css"> * border: 0; margin: 0; padding: 0; </style> <script type="application/javascript"> //<![CDATA[ window.onload = function(event) 4

7 alert('this JavaScript alert will load once the page has loaded.'); //]]> </script> </head> <body> <h1><span>xhtml and JavaScript Simple Demonstration</span></h1> </body> </html> XHTML5 e attributi booleani HTML5 definisce alcuni attributi HTML come booleani; un booleano può essere solo true o false. La specifica afferma semplicemente che la presenza di un attributo booleano implica che l'attributo è impostato su true. Nell'esempio che utilizza un attributo disabled nell'esempio seguente si disabilita l'elemento di input del pulsante: <input disabled type="button" value="html Button"> XML, e quindi XHTML per estensione, deve avere un attributo e un valore validi. Poiché HTML5 non è scritto per chiarire tali aspetti (l'ambiguità negli standard del passato ha portato a implementazioni differenti del browser) gli attributi HTML5 quando sono pubblicati in un'applicazione XHTML dovrebbero sempre usare un valore true, almeno fino a quando una specifica futura rimuoverà l'ambiguità non necessaria. <input disabled="true" type="button" value="xhtml Button" /> Aggiunta di XML a un'applicazione XHTML e recupero di XML da un'applicazione XHTML Usando XHTML dovresti evitare metodi come document.write e innerhtml poiché trattano l'xml come testo e non serializzano correttamente il codice; un attributo id in HTML viene essenzialmente scaricato nel DOM e l'attributo id non è serializzato, il che significa che quando si tenta di fare riferimento ad esso con qualcosa come document.getelementbyid('example') il browser non "vedrà" l'id. Gli esempi che seguono ottengono "get" codice XHTML da e "set" codice XHTML all'applicazione XHTML. L'aggiunta di XHTML per e recupero XML dal DOM <?php if (isset($_server['http_accept']) && stristr($_server['http_accept'],'application/xhtml+xml')) // Client header isset` and explicitly declares XHTML parser support. header('content-type: application/xhtml+xml; charset=utf-8'); echo '<?xml version="1.0" encoding="utf-8"?>'."\n"; echo '<html xmlns=" xml:lang="en">'."\n"; 5

8 else //Some browsers do not declare support, IE9 shamelessly uses `*/*` in example. echo '<html>'."\n";?> <head> <style type="text/css"> * border: 0; margin: 0; padding: 0; </style> <script type="application/javascript"> //<![CDATA[ function xml_get(target) return new XMLSerializer().serializeToString(target) function xml_set(xml,position,target) if (typeof target=='string' && document.getelementbyid(target)) target = document.getelementbyid(target); if (!target) alert('error: target element was not found in the DOM.'); else if (position=='after') if (target.nextsibling && target.nextsibling!='[object Text]') target.insertbefore(xml.getelementsbytagname('*')[0],target.nextsibling); else target.parentnode.appendchild(xml.getelementsbytagname('*')[0]); else if (position=='before') target.parentnode.insertbefore(document.importnode(xml.getelementsbytagname('*')[0],true),target); else if (position=='inside') target.appendchild(document.importnode(xml.getelementsbytagname('*')[0],true)); else if (position=='replace') target.parentnode.replacechild(document.importnode(xml.getelementsbytagname('*')[0],true),target); else alert('error: unknown position to import data to: '+position+'.'); window.onload = function(event) var xml_after = new DOMParser().parseFromString('<p xmlns=" string for <em>after</em> the h1[0] element!</p>','application/xml'); var xml_before = new DOMParser().parseFromString('<p xmlns=" string for <em>before</em> the h1[0] element!</p>','application/xml'); var xml_inside = new DOMParser().parseFromString('<p xmlns=" string for <em>inside</em> inside the element with the id <code>example</code>!</p>','application/xml'); var xml_replace = new DOMParser().parseFromString('<p xmlns=" string for <em>replace</em> example!</p>','application/xml'); xml_set(xml_after,'after',document.getelementsbytagname('h1')[0]); xml_set(xml_before,'before',document.getelementsbytagname('h1')[0]); xml_set(xml_inside,'inside','example'); xml_set(xml_replace,'replace','example_replace'); alert(xml_get(document)); 6

9 //]]> </script> </head> <body> <h1><span>xhtml and JavaScript Simple Demonstration</span></h1> <div id="example"></div> <div id="example_replace"></div> </body> </html> Leggi Iniziare con xhtml online: 7

10 Titoli di coda S. No Capitoli Contributors 1 Iniziare con xhtml Community, John, Ray 8