ブロックinline要素
block要素の特徴:
inline要素の特徴:
それらの状況を詳しく説明します.
ブロック要素(block element)は一般的に他の要素のコンテナ要素であり、ブロック要素は一般的に新しい行から始まり、インライン要素と他のブロック要素を収容することができ、一般的なブロック要素は段落ラベル'P"である.「form」というブロック要素は比較的特殊で、他のブロック要素を収容するためにしか使用できない.
cssの役割がなければ、ブロック要素は順番に別の行になるたびに下に並べられます.cssがあれば、このhtmlのデフォルトのレイアウトモードを変更して、ブロック要素をあなたの望む位置に配置することができます.毎回愚かな別の行ではありません.なお、tableタグもブロック要素の一種であり、table based layoutとcss based layoutは、一般使用者(視力障害者、盲人などを除く)の観点から、この2つのレイアウトは、ページのロード速度の違いを除いて、他に差はない.しかし,一般ユーザが何気なくページソースボタンをクリックすると,両者の差が非常に大きい.コンセプトデザインを良好に再構築したcssレイアウトページのソースコードは、少なくともweb開発経験のない一般ユーザーにコンテンツを迅速に読み取ることができる.この角度から言えば、css layout codeはもっと良い美学体験があるはずだ.
容器要素divをboxごとに想像したり、クリップ文で遊んだりすれば、もっと理解しやすくなります.私たちはまず必要な文章をいろいろな新聞や雑誌からいつも切り取った.各カットの内容はblockです.それから私たちはこれらの紙の塊を自分のレイアウトの意図に従って、接着剤で空白の新しい紙に貼り直しました.これであなた自身の独特なドキュメンタリー速報が形成されました.1つの技術の延長として、ウェブレイアウト設計も同様のモードに従っている.
インライン要素(inline element)は一般的に意味レベル(semantic)に基づく基本要素である.インライン要素には、テキストまたは他のインライン要素しか収容できません.一般的なインライン要素「a」です.
説明する必要があるのは:inline elementの中国語の呼び方で、多種のインライン要素、インライン要素、行内要素、直進式要素があります.基本的には統一的な翻訳はありませんが、愛はどのように呼ぶのでしょうか.また、インライン要素といえば、displayの属性がdisplay:inlineであることが考えられます.この属性は有名なIE 2倍浮動境界問題を修復することができる.
ブロック要素(block element)とインライン要素(inline element)はhtml仕様の概念である.ブロック要素とインライン要素の基本的な違いは、ブロック要素が一般的に新しい行から始まることです.css制御を加えると、ブロック要素とインライン要素のこのような属性の違いは違いになりません.例えば、インライン要素citeにdisplay:blockのような属性を加えることができ、毎回新しい行から始まる属性も持つことができます.
可変要素は、上記の2つの要素が環境によって変化することに基づいており、その基本概念は、コンテキスト関係に基づいて要素がブロック要素またはインライン要素であることを決定する必要があることである.可変要素は上記の2つの要素カテゴリに属します.コンテキスト関係が彼のカテゴリを決定すると、ブロック要素またはインライン要素の規則的な制限に従います.
htmlタグのblock、inline分類詳細:
ブロックエレメント
インラインエレメント
可変要素
/*
;
, ;
100%, 。
*/
inline要素の特徴:
/*
;
, ;
, 。
*/
それらの状況を詳しく説明します.
ブロック要素(block element)は一般的に他の要素のコンテナ要素であり、ブロック要素は一般的に新しい行から始まり、インライン要素と他のブロック要素を収容することができ、一般的なブロック要素は段落ラベル'P"である.「form」というブロック要素は比較的特殊で、他のブロック要素を収容するためにしか使用できない.
cssの役割がなければ、ブロック要素は順番に別の行になるたびに下に並べられます.cssがあれば、このhtmlのデフォルトのレイアウトモードを変更して、ブロック要素をあなたの望む位置に配置することができます.毎回愚かな別の行ではありません.なお、tableタグもブロック要素の一種であり、table based layoutとcss based layoutは、一般使用者(視力障害者、盲人などを除く)の観点から、この2つのレイアウトは、ページのロード速度の違いを除いて、他に差はない.しかし,一般ユーザが何気なくページソースボタンをクリックすると,両者の差が非常に大きい.コンセプトデザインを良好に再構築したcssレイアウトページのソースコードは、少なくともweb開発経験のない一般ユーザーにコンテンツを迅速に読み取ることができる.この角度から言えば、css layout codeはもっと良い美学体験があるはずだ.
容器要素divをboxごとに想像したり、クリップ文で遊んだりすれば、もっと理解しやすくなります.私たちはまず必要な文章をいろいろな新聞や雑誌からいつも切り取った.各カットの内容はblockです.それから私たちはこれらの紙の塊を自分のレイアウトの意図に従って、接着剤で空白の新しい紙に貼り直しました.これであなた自身の独特なドキュメンタリー速報が形成されました.1つの技術の延長として、ウェブレイアウト設計も同様のモードに従っている.
インライン要素(inline element)は一般的に意味レベル(semantic)に基づく基本要素である.インライン要素には、テキストまたは他のインライン要素しか収容できません.一般的なインライン要素「a」です.
説明する必要があるのは:inline elementの中国語の呼び方で、多種のインライン要素、インライン要素、行内要素、直進式要素があります.基本的には統一的な翻訳はありませんが、愛はどのように呼ぶのでしょうか.また、インライン要素といえば、displayの属性がdisplay:inlineであることが考えられます.この属性は有名なIE 2倍浮動境界問題を修復することができる.
ブロック要素(block element)とインライン要素(inline element)はhtml仕様の概念である.ブロック要素とインライン要素の基本的な違いは、ブロック要素が一般的に新しい行から始まることです.css制御を加えると、ブロック要素とインライン要素のこのような属性の違いは違いになりません.例えば、インライン要素citeにdisplay:blockのような属性を加えることができ、毎回新しい行から始まる属性も持つことができます.
可変要素は、上記の2つの要素が環境によって変化することに基づいており、その基本概念は、コンテキスト関係に基づいて要素がブロック要素またはインライン要素であることを決定する必要があることである.可変要素は上記の2つの要素カテゴリに属します.コンテキスト関係が彼のカテゴリを決定すると、ブロック要素またはインライン要素の規則的な制限に従います.
htmlタグのblock、inline分類詳細:
ブロックエレメント
/*
◎ address -
◎ blockquote -
◎ center -
◎ dir -
◎ div - , css layout
◎ dl -
◎ fieldset - form
◎ form -
◎ h1 -
◎ h2 -
◎ h3 - 3
◎ h4 - 4
◎ h5 - 5
◎ h6 - 6
◎ hr -
◎ isindex - input prompt
◎ menu -
◎ noframes - frames ,( frame
◎ noscript - ( script )
◎ ol -
◎ p -
◎ pre -
◎ table -
◎ ul -
*/
インラインエレメント
/*
◎ a - ◎ abbr -
◎ acronym -
◎ b - ( )
◎ bdo - bidi override
◎ big -
◎ br -
◎ cite -
◎ code - ( )
◎ dfn -
◎ em -
◎ font - ( )
◎ i -
◎ img -
◎ input -
◎ kbd -
◎ label -
◎ q -
◎ s - ( )
◎ samp -
◎ select -
◎ small -
◎ span - ,
◎ strike -
◎ strong -
◎ sub -
◎ sup -
◎ textarea -
◎ tt -
◎ u -
◎ var -
*/
可変要素
/*
。
◎ applet - java applet
◎ button -
◎ del -
◎ iframe - inline frame
◎ ins -
◎ map - (map)
◎ object - object
◎ script -
*/