株式会社ライフスタイル

株式会社ライフスタイル

HTMLタグのお話

こんにちは。

庭ブロには記事編集画面が、デザインモード(初心者用)とソースモードの二つあります。

HTMLタグが分かる人はソースモードで編集できますが、分からない人の為に自動でタグが付くのが、デザインモードです。

 

そもそもタグって何のためにあるのかというと、その文章が何の意味があるのかという事を表すための印です。

大きく分けると、読むための表示される本文なのか、それとも何かを指示するために非表示になる指示文なのかに分かれています。

 

例えば…

題名を表す文章なら、 <title>タイトル</title>

リンクを付けたいなら、 <a href="http://www.indwork.com/">リンク</a>

と<○○>~<○○>で囲うのが基本です。

 

このほかに、よく使うのは以下のようなタグです。

<br> 強制改行

<p> </p> 段落

<center> </center> センタリング

<div> </div> 分割テキスト(左・中央・右揃え)  align = left, center, right

<pre> </pre> 整形済みテキスト(改行やタブをそのまま表示)

<address> </address>  アドレス情報(イタリック体で表示される)

<noscript> </noscript> スクリプト言語未対応ブラウザで表示される範囲を指定

<font> </font> フォント

  size=n   最大はn=7

  size=±n  basefontに対する相対値 n=1~6

  color=#rrggbb, colorname フォント色指定

<i> </i> イタリック体

<tt> </tt> 等幅フォント

<b> </b> ボールド

<u> </u> アンダーライン

<strike> </strike> 打ち消し線

<big> </big> 大きめのフォント

<small> </small> 小さめのフォント

<sub> </sub> 下付文字 H2O

<sup> </sup> 上付文字 x2+y2=9

<em> </em> 強調文字

<strong> </strong> 強い強調

 

などなど… 

 

そしてこれらを使い、更に全体の構成を整理しなければいいページとは言えないんです! 

具体的には、body(本文)は段落(p)と見出し(h1〜h6)で構成し、必要に応じてリスト(ul, ol, li)を使って情報を見やすく整理しないとなりません。

 

話は戻りますが、ブログなどで自動で付けられるタグは結構構成がバラバラになってしまうんです… 

そして文章を書いたり消したりコピーペーストしたりしてるうちに、ゴミのように不要なタグも増えていきます。

空白を表すタグ&nbsp; や フォントサイズfont-size:がいっぱいになったり。

 

最近は、画像がうまくアップできないと思ったら、画像のタグimgに、height:1 ; というプロパティが付いていました…

これでは、画像の高さが1pixelになってしまい表示されなかったという事です。

 

これらは打った文章だけ見ていると分かりにくいんですが、間違いが多くなるとページの構成としては変だなとみなされ、評価が悪くなったりする原因になるかもしれません。

 

時間がある時は、本文をソースモードで確認して、変なタグが増えてないか確認する事をおすすめします。

 

 

詳しくは当社スタッフまでお問い合わせください(^o^)

 

 

 

株式会社ライフスタイル 札幌
www.reform-sapporo.com/

本社:札幌市白石区中央2条1丁目4-44
TEL 011-887-0650
東支店:札幌市東区栄町698-4(篠路通沿い)
TEL 011-789-4500
FAX 011-789-4501

清田店:札幌市清田区清田2条1丁目14-10
TEL 011-376-0579
FAX 011-376-0679

 

お問い合わせ
0120-970-810
www.reform-sapporo.com/estimate

リフォーム費用の目安

よくご相談いただく工事の目安です(税込・商品代と工事費を含む)。

キッチン交換I型・幅255cm・標準グレード65万円〜
ユニットバス交換1坪(1616)サイズ85万円〜
トイレ交換温水洗浄便座付き12万円〜
洗面化粧台交換幅75cm8万円〜
内窓の設置腰窓1か所・断熱/結露対策6万円〜
外壁の張り替え金属サイディング・延床30坪程度180万円〜
カーポート設置1台用・積雪地対応50万円〜
マンションまるごとリノベーション70㎡前後・間取り変更を含む800万円〜
戸建てフルリノベーション100㎡前後1,200万円〜

※建物の状況や商品のグレードによって金額は変わります。現地調査のうえ、正式なお見積りを無料でお出しします。
※国や自治体の補助金を使える工事もあります。お気軽にご相談ください。

無料でお見積りを依頼する

お客様の声

工事をされたお客様に、決め手や暮らしの変化をお聞きしました。

戸建てフルリノベーション/豊平区・築35年

「最初の冬を越して、暖かさの違いに本当に驚きました。あれほど悩んでいた窓の結露が一度も出ていません。」

M様ご家族

中古マンション購入+リノベーション/中央区・築22年

「物件探しから設計・工事まで一括でお願いできました。内覧に設計担当の方が同行し、購入前にプロの目で判断してくれたのが心強かったです。」

T様ご夫婦

外構・カーポート工事/北区・戸建て

「雪の落ち方や寄せる場所まで考えた提案が決め手でした。冬の朝の雪かき時間が劇的に減り、本当に体が楽になりました。」

S様ご夫婦

お客様の声をくわしく読む

ご相談から完成までの流れ

現地調査・お見積りまでは無料です。しつこい営業はいたしません。

  1. 01
    お問い合わせお電話・フォーム・ご来店で
  2. 02
    現地調査・ヒアリング寸法や現状を確認し、ご希望をお聞きします
  3. 03
    プラン・お見積り図面とお見積りをご提示します
  4. 04
    ご契約内容にご納得いただいてから
  5. 05
    着工近隣へのご挨拶、進捗のご報告
  6. 06
    完成・お引き渡し最終チェックのうえお引き渡し
  7. 07
    アフターサービス保証・点検も末長く対応

ご相談の流れをくわしく見る