HPB18 | HPB19 コンテンツ一覧
ホーム > HPB19 > HTML タグ辞典 > inline
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

HTML タグ辞典 inline


inline リファレンス



inline 説明



inline パラメータは、displayプロパティ等の中で、インライン表示を行うため、つまり、改行されないよう、同一行に表示させるために指定します

インライン要素では、主に文章の一部として利用される要素で、その前後は改行されませんが、ブロック要素では、見出し、段落、リスト、フォームなどのひとつのまとまった単位として扱われる要素で、一般的なブラウザでは、前後で改行表示されます



inline 書式



<p style="display: inline"></p>




<script type="text/javascript">で改行される場合の対処法



広告貼り付け時等で、貼り付け要素が、<script type="text/javascript">になっていて、「style="display: inline"」指定が効果なく、改行されてしまうものがあります
その場合、「src="https://~」で定義される呼び出し先で制御されているため、こちらの「style="display: inline"」定義で制御できません






こういう場合は、スタイルシートの 「 float 」 指定を利用します
「 float 」を使用する際は、「width」 も併せて指定する必要があり、指定サイズの横幅が確保できていない場合、改行されてしまいます

下記の例では、300 x 250 サイズの広告を横に並べて表示しています


記述例
 <head> 部定義
<style type="text/css">
<!--
cl_inline_in{
  float: left;
  width:300px;
}
cl_inline_out{
  clear: both;
}
-->
</style>
<body> 部
<div class="cl_inline_in"><script type="text/javascript" src="https://~.js"></script></div>
<div class="cl_inline_in"><script src="https://~"></script></div>








ブロックレベル要素 (Block-Level Elements) と インライン要素 (Inline Elements)


HTMLで定義されている要素のうち、<body>~</body>の中で使用される要素の多くは、 ブロックレベル要素(Block-Level Elements)か、インライン要素(Inline Elements)に分類され、それぞれの要素の中に配置できる要素が決まってきます

ブロックレベル要素 (Block-Level Elements)


ブロックレベル要素は、見出し、段落、表など、文書を構成する基本となる要素で、一つのブロック(固まり)として認識されます ブラウザでの表示も一つの固まりとして扱われることが多く、一般的なブラウザでは前後に改行が入ります

ブロックレベル
要素タグ
<address> <blockquote> <center> <div> <dl>
<fieldset> <form> <h1>-<h6> <hr> <noframes>
<noscript> <ol> <p> <pre> <table>
<ul>

インライン要素 (Inline Elements)


インライン要素は、主にブロックレベル要素の内容として用いられる要素で、文章の一部として扱われます
例えば、<p>要素の中の<strong>要素のように、段落のなかの一部を強調するような使われ方をする要素です
一般的なブラウザでは前後に改行が入らず、文章の一部として表示されます

インライン
要素タグ
<a> <abbr> <acronym> <b> <basefont> <bdo>
<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>


配置ルール


ブロックレベル要素の中には、他のブロックレベル要素やインライン要素を配置できます
インライン要素の中には、文字データや他のインライン要素を配置することができますが、 ブロックレベル要素は配置できません





inline SEOへの影響


特に影響はありません

<補足>
SEO ( Search Engine Optimization : 検索エンジン最適化 ) とは、Google、Yahoo!、Goo 等の検索サイトで検索された際に、検索結果表示ページ(SERP : サープ : Search Engine Result Page )の前の方(上位)に表示されるように工夫して、ホームページ、ブログをつくることです
そのために用いる方法をSEO対策と言い、適切に使うことによりSEOに効果のあるタグがあります
SEO対策について、詳しくお知りになりたい場合、詳細は、「 SEO対策 SEOとは 」をご参照下さい

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > HTML タグ辞典 > inline
HPB18 | HPB19 コンテンツ一覧
   

© 2014 abhp.net All Rights Reserved.

HTML タグ辞典

ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP