W3CはすでにHTML6の最初のバージョンを公開しているため、HTML5をマスターする時間すらありませんでした 。 そして、私たちはあなたをだますことはありません。 彼が現れたので、再び手を汚す時が来ました。 HTML6のリリース日を忘れて、少し見てみましょう。
HTML6は非常に新しいので、WikipediaにはHTML6に関するページすらありません。 彼はまだ初期段階にありますが、それが何であり、何を喜ばせ、それをどのようにコーディングするかを見つけます。 HTML6とは何かを簡単に見てみましょう。
HTML5と同様に、HTMLの新しいバージョンにはコードの構造に大きな違いがあります。 新しいバージョンはより標準化されており、XMLに類似しており、将来のWebアプリケーションの作成に適しています。
ここに 、テンプレート、開発ツールなどのHTML5リソースのリストがあります。
新しいコード構造
CSSのトリックは、数年前に提案された HTML6 コードの追加のリストに示されています 。 そしてW3Cは聞いたが、独自の方法で答えた。 彼らはこれらすべての申し出の母を追加しました。 彼らはXMLスタイルの名前空間を追加しました...これはHTML6で最も顕著な変更です。 これらの変更は、コード構造全体に影響します。 しかし、それは標準化されており、これは新しいレベルです。 divのid属性は不要になりました。名前空間を使用できます。
HTML6の例
<div id="container">
今になることができます
<container>
これらの名前空間を見てみましょう。
<!DOCTYPE html> <!-- Notice how <html> turns into <html:html> --> <html:html> <!-- Obviously, the <head> tag also changes, so do the rest of codes. --> <html:head> <html:title>A Look Into HTML6</html:title> <html:meta type="description" value="HTML6 namespaces example"> </html:head> <html:body> <!-- Anchor text example --> <html:a href="http://www.designzzz.com">Go to Designzzz!</html:a> <!-- Image example --> <html:media src="img/logo.jpg" type="image"> <!-- Video example. You can include any video. --> <html:media src="videos/slides.mov"> <html:button>Click Here</html:button> </html:body> </html:html>
そして、これは完成したコードの例です：
<!DOCTYPE html> <html:html> <html:head> <html:title>Overview of HTML6</html:title> <html:meta type="title" value="Designzzz.com"> <html:meta type="description" value="HTML6 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/logo.png"> </logo> <nav> <html:a href="/img1">a1</a> <html:a href="/img2">a2</a> <html:a href="/img3">a3</a> </nav> </header> <content> <article> <h1>Main Heading</h1> <p>[...]</p> <p>[...]</p> </article> <article> <h2>Concepts of HTML6</h1> <h2>Namespaces in HTML6</h2> <p>[...]</p> </article> </content> <footer> <copyright>Your copyright notice.</copyright> </footer> </html:body> </html:html>
これがHTML属性の未来です。
HTML6リソース
理由はわかりませんが、HTML6について冗談を言う人もいます。 すでに記事の冒頭でエイプリルフールの投稿について言及しており、誰かがHTML6でレイアウトを作成しましたが、 これも冗談です。 しかし、冗談だけではありません。 これは、ブラウザーとHTML6の互換性をテストするためのツールへのリンクです。
両方のブラウザーをテストしました。 Firefoxの最新バージョンは429ポイント、Google Chromeの最新バージョンは523ポイントです。
分散仕様はガイドであり、HTML6コーディングの概念についてさらに学ぶためのもう1つの貴重なリソースです。 この仕様は定期的に更新されることに気づいたので、このリンクをここに追加しました。
それはすべて何になりますか？
私にとって明らかなことは、HTML6がJavascriptの根絶に向かっているということです。 Javascriptなしで1ページのアプリケーションを作成する可能性をすでに提供しており、これは氷山の一角にすぎません。
名前空間は、数年以内にHTML6が独立したプログラミングプラットフォームに成熟し、機能、複雑さの点でPHP、.NET、およびその他の類似言語を上回ることを明らかにします。 あなたへの私のアドバイス：HTML6をすぐに使い始めて、それを征服してください。 今こそそれを行う時であり、他の人は自分の感覚に至っていない。
HTML6について話したかったのはそれだけです。 しかし、W3CがこのバージョンのHTMLで何か新しいものを公開したらすぐに更新します。