Maison >interface Web >tutoriel HTML >Outlook et code html6
Outlook et code html6
- 零下一度original
- 2017-05-02 15:28:432898parcourir
HTML5 est l'une des versions les plus populaires du langage HTML. Il prend en charge l'audio et la vidéo, le stockage hors ligne, les terminaux mobiles, les attributs de balises et bien plus encore. Des balises telles que 23c3de37f2f9ebcb477c4a90aac6fffd, 2f8332c8dcfd5c7dec030a070bf652c3, 1aa9e5d373740b65a0cc8f0a02150c53 sont également fournies pour aider les développeurs à mieux organiser le contenu des pages. Cependant, la spécification HTML5 n’est toujours pas finalisée et il ne s’agit pas d’un véritable langage de balisage sémantique.
HTML6 Outlook
Avez-vous déjà souhaité pouvoir utiliser des balises personnalisées en HTML ? Par exemple : utilisez 8362cb02e0cfc24a3b7574ffd3d04706 pour afficher le logo de votre site Web et utilisez 355ac7d41ec9425e0b523a42df5495a6 pour afficher la barre d'outils, etc. Nous utilisons souvent fe8d3930e6ebc67a2fdcf1abd780aacd et 7de2cfddf1547af3b4082f1304ae97f2 pour organiser les pages. En HTML6, nous espérons utiliser directement des personnalisations telles que 53a242729f514007e759e47ee2429b4a
Exemple de code HTML6 :
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> <html:meta type="title" value="Page Title"> <html:meta type="description" value="HTML example with namespaces"> <html:link src="css/mainfile.css" title="Styles" type="text/css"> <html:link src="js/mainfile.js" title="Script" type="text/javascript"> </html:head> <html:body> <header> <logo> <html:media type="image" src="images/xyz.png"> </logo> <nav> <html:a href="/img1">a1</a> <html:a href="/img2">a2</a> </nav> </header> <content> <article> <h1>Heading of main article</h1> <h2>Sub-heading of main article</h2> <p>[...]</p> <p>[...]</p> </article> <article> <h1>The concept of HTML6</h1> <h2>Understanding the basics</h2> <p>[...]</p> </article> </content> <footer> <copyright>This site is © to Anonymous 2014</copyright> </footer> </html:body> </html:html>
Dans le code ci-dessus, vous avez peut-être remarqué d'étranges balises 9f1901cbef829148640481a4b796b711 dans les espaces de noms dans la spécification HTML6. Par exemple : de56f4350541ab58ccd2e3add393ec58 est responsable de la configuration du texte de la barre de titre de votre navigateur, da005c9d6ea36d36dee037b1dc138ac7 est responsable de l'affichage des images, etc. Les utilisateurs peuvent définir leurs propres balises que JavaScript et CSS pourront reconnaître et traiter, afin que le code de la page soit plus lisible et que la sémantique soit plus claire.
API HTML6
Les balises HTML6 sont précédées d'espaces de noms, tels que : 9cefc18c4ef67f59e12f99d842fc12b9, e1ad80c5840292c8ac332506b20e11b6, etc.
1. 9cefc18c4ef67f59e12f99d842fc12b9
<!DOCTYPE html> <html:html>// this is equivalent to <html> tag written in previous HTML versions <!-- sample of HTML document --> </html:html>
2. e1ad80c5840292c8ac332506b20e11b6
<!DOCTYPE html> <html:html> <html:head> <!-- Main content would come here, like the <html:title> tag --> </html:head> </html:html>
3. de56f4350541ab58ccd2e3add393ec58 est similaire aux balises b2386ffb911b14667cb8f0f91ea547a7
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> </html:head> </html:html>
4. 8f97d1848fdafee8fdbeb4e8004dfb9e est similaire à la balise e8e496c15ba93d81f6ea4fe5f55a2244 La différence est qu'en HTML5, vous ne pouvez utiliser que des types de métadonnées standard, tels que : "mots-clés". , « description », « auteur », etc., alors qu'en HTML6, vous pouvez utiliser n'importe quel type de métadonnées.
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> <html:meta type="description" value="HTML example with namespaces"> </html:head> </html:html>
5. 4f2b12bca9bfc4c585e734df581180f5 est similaire à la balise 2cdf5bf648cf2f33323966d7f58a7f3f
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> <html:link src="js/mainfile.js" title="Script" type="text/javascript"> </html:head> </html:html>
6. 8fda25cf28082d125561e4777e8daddc est identique à la balise 6c04bd5ca3fcae76e30b72ad730ca86d
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> </html:head> <html:body> <!-- This is where your website content is placed --> </html:body> </html:html>
7. 500c9e8a1c4d47c8a809c72b457ba5f9 est similaire aux balises 3499910bf9dac5ae3c52d5ede7383485, la différence est que 500c9e8a1c4d47c8a809c72b457ba5f9
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> </html:head> <html:body> <html:a href="http://siteurl">Go to siteurl.com!</html:a> </html:body> </html:html>
8. 28ad71e16cd43634e5252b7334a08309 est identique à bb9345e55eb71822850ff156dfde57c8
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> </html:head> <html:body> <html:button>Click Here</html:button> </html:body> </html:html>
9. da005c9d6ea36d36dee037b1dc138ac7 couvre toutes les fonctions de a1f02c36ba31691bcfe87b2722de723b, 39000f942b2545a5315c57fa3276f220, d8e2720730be5ddc9c2a3782839e8eb6 L'avantage de da005c9d6ea36d36dee037b1dc138ac7 est que vous n'avez pas besoin d'utiliser des balises différentes pour différents types de fichiers multimédias. Le type de média est déterminé par le navigateur à partir du contenu du fichier (attribut de type, extension et type MIME).
<!DOCTYPE html> <html:html> <html:head> <html:title>A Look Into HTML6</html:title> </html:head> <html:body> <!-- Image would come here --> <html:media src="img1/logo.jpg" type="image"> <!-- Video doesn't need a type --> <html:media src="videos/slide.mov"> </html:body> </html:html>
Aperçu des types de balises
Comme HTML5, HTML6 dispose également de deux types de balises : balise simple et balise double
<html:meta type="author" content="single tag"> <html:meta type="author" content="double tag" />
Single les balises ne nécessitent pas le caractère de fin '/'
Conclusion
Les spécifications HTML6 n'ont pas encore été publiées, l'auteur original de cet article Oscar Godson est juste pour nous Fournit un aperçu de la spécification HTML6, ou certaines nouvelles fonctionnalités qu'il espère que HTML6 pourra prendre en charge.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!