Clever Geek Handbook

HTML6の見方

ここでは、特にWebおよびhtmlの開発に関する調査はありません。 CSS3の重要性やhtml4タグのセマンティクス-html5の評価はありません。 それは、レイアウトデザイナーとして私がどのツールを使用したいかについての虚構への叫びです。

興味があれば、猫の下で歓迎してください。



古典的なケース、サイトのフッターを見てください。

次のように実行できます。 

<div class=”footer”> … </div>


しかし、同じ成功を収めています。 

 <footer> … </footer>


そして、あなたはこれを行うことができます： 

 <section class=”footer”> … </section>


しかし、これらのオプションは意味的に正しい（セクションはすべての場合に当てはまるわけではありませんが、些細なことです）。 しかし、次もあります： 

 <p class=”footer”> … </p> <span class=”footer”> … </ span>
、または： 

 <table class=”footer”> <tr> <td> … </td> <tr> </table>
さえ： 

 <a class=”footer”> … </a> <b class=”footer”> … </b>


そして、この多様性はすべてcssでもまったく同じように表現できます！

さらに。 このようなブロックで完全に作られたサイトを見たとき： 

 <ul class=”footer”> <li>… </ul>
同時にcssで書かれました： 

 ul {display:table; … } li {display:table-cell; … }


では、これらすべてのタグのポイントは何ですか？ 結局、10個のタグのうち9個はcssと交換可能です。 ユーザーにとっても、結果は同じです。



そしてスムーズに、別の問題に取り組みました：10のうち9が交換可能である場合、なぜ10のうち1が未解決なのでしょうか？



このようなタグの例は<textarea>です

少なくとも<textarea>の機能と、たとえば<div> 'を使用してそのデザインを繰り返すには、追加のスクリプトでページに重みを付け、cssにかなりの数の行を追加する必要があります。 一方、 <textarea>は実際には他のタグの機能を繰り返すことはできません。



また、 「技術的な」タグについてはまだ言及していません。

たとえば、外部ファイルを接続します。

最も論理的なタグ名は<link>です。 そうです、ファビコンを接続するには<head>に追加します ： 

 <link rel="shortcut icon" href=" … ">


スタイルシートを接続するには 

 <link rel="stylesheet" type="text/css" href=" … ">


JavaScriptを有効にするには 

 <script type="text/javascript" src=" … "></script>


なに？ はい、そうです。 <link>タグを使用してすべてを接続し、 <script>タグを使用してスクリプトを接続します。 スタイルが<style>タグで接続されているかどうかはまだ明らかです。 その中で、 <script>のように、スタイルシート（またはスクリプト）自体の本文を書くことができますが、悲しいかな。



HTML標準では、州の標準仕様とほぼ同じことが起こったという印象を受けます。 当初、作業を容易にするための一連の規則が考案されましたが、最終的には複雑になります。



そして今、私はまだどのようにhtmlを見たいかをお話しします。

最初 ：合計5つのタグ。

  1. <a> ... </a> -標準のプライベートタグ、現代の<div> 'aの完全な類似物
  2. <b> ...-最近の<li>タグから最も近いタグを閉じる必要はありません。 ただし、次の<b>または親を閉じる</a>だけでなく、\ rおよび/または\ nの厳格なルールを適用する場合は、タグを閉じます。 同様の場合にh2と同様に使用できます。
  3. <c /> -「innerContent」なしで「value」を持つ標準タグ-これらはボタン、入力フィールド、および同様の要素です。
  4. <d /> -装飾に使用される空のタグ。 最も近い類似物は<br />と<hr />です。 しかし、彼らはまた、ロゴを実行したり、新年に一度人気のある雪片を実行したりすることができます。
  5. <e /> -テクニカルタグ、最新の<link> 、 <meta> 、 <script>などの代替タグ。


第二に 、初期の、しかしより粗いCSSリセットは、 <e />を除いて、説明されているすべてのタグのスタイルと完全に一致しています-それは見えません。 実際、上記のタグの最初の4つは、現代の<span>の元のスタイルを持つ必要があります 。



第三に 、htmlからcss（または同等のもの）へのすべての設計権の完全な移転。 最初の4つのタグのいずれかに、上記の<textarea>のデザインを完全および部分的に適用できるようにしたいと思います。



4番目 ：htmlからjavascript（または同等のもの）への制御権の完全な転送。 基本的なチェックボックスの機能も提供します。 繰り返しますが、完全にまたは部分的に機能する<textarea>を最初の4つのタグのいずれかに適用できるようにするためのすべてです。



フレームワークがjavascriptとcssの両方に使用されることは言うまでもありません。これにより、標準ポイントの複雑さが増すという欠点がなくなります。 <b>、<i>、<u>タグなどがありません。



PSもちろん、私はcssを大幅に変更したいと思いますが、これはまったく別の話です。



Updどうやら、明らかに無駄ではありませんでした。

他のすべての影響を受けないhtmlの小さなものはそのまま残ります。 そして、それは次のことを意味します： 属性はまだ使用可能であり、使用する必要があります（そうでなければ、同じタグであるブロックを別のブロックと区別する方法？）。 イベントは引き続き生成されます。


More articles:


All Articles