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^) 


リノベーションや庭工事の事なら何でもお気軽にご相談ください。


株式会社ライフスタイル 「エクステリア激安館」札幌

0120-970-810

庭ブロ+(プラス)はこちら

コメント

トラックバック

この記事のトラックバック URL :
http://blog.niwablo.jp/lifestyle/trackback/178021

カレンダー

<<      2024/12      >>
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 1 2 3 4

最近の記事一覧

プロフィール

ライフスタイル札幌120

LIFESTYLE SAPPORO

北海道札幌の外構エクステリア、庭工事店。塀やアスファルト、インターロッキングはもちろん、カーポート、玄関フード、ウッドデッキ、物置などガーデニング商品も販売施工しております。建築士によるライフスタイルに合せたトータルプランニング、デザイン設計も魅力です。タカショーなどのメーカー商品を特別価格でお見積り。現場調査からお見積りまで全て無料です。

lifestyle_genkan

「エクステリア激安館_札幌」 株式会社ライフスタイル

ブログランキング

フリースペース

にほんブログ村 住まいブログ エクステリア・ガーデンへ

HTMLページへのリンク

参加コミュニティ一覧