*

htmlの書き方について。

公開日: : css3, html5, 未分類

ホームページを作成するのには、flashを除けばほとんどhtmlで書きます。

ホームページがただ単に表示できればいいと思っていませんか?

デザイン重視のサイトならそれもいいと思いますが、
せっかく作ったホームページをいろんな人に見てもらいたくありませんか?
作る側として、きれいにhtmlを書いてクライアントに納品したくありませんか?

htmlのタグには、色々なルールがあります。
例えば、
のタグには、altとつけなきゃいけないとか、色々あります。

今回は、自分で書いたhtmlがきれいに書けているかを診断できるサイトがありましたので、
書きたいと思います。

htmlを診断するサイトは、調べてみたらたくさんありましたが、
使いやすいサイトを選んでみました。

html5を診断するなら、ここがいいと思います。
Another HTML Lint – Gateway

通常のhtmlなら、こちらがいいと思います。
Another HTML-lint gateway

以上の2つが個人的に使いやすくいいと思います。

——————————————————————-
補足
なぜ、htmlをきれいに書いた方がいいのかという一番の理由は、
SEOのためだと思っています。

サーバーに負荷をかけないというか、クローラーに読みやすくするという事だと思います。

ホームページは、見た目だけではなく、正しいhtml書くという事も大切だと感じました。


関連記事

no image

jqueryを使って画像を回転させる。jQueryRotateを使用

今回は、画像を回転させるという事をやってみました。 調べてみたところ、jqueryを使って簡単

記事を読む

no image

animationでboxを動かしてみた。

今回は、animationを使って、boxを動かしてみました。 マウスを乗せたときに指定したb

記事を読む

no image

背景画像だけ透明にしたい。background-color:rgbaを使う。

今回は、背景画像だけを透明にしてみました。 背景の上に透明な色を乗せたいや、テキストを書く要素

記事を読む

no image

スクロールしても固定されるコンテンツの作成方法。(“jquery”box-fixed.jsを使用。)

今回は、スクロールしても一部分が固定されるという事をしてみました。 まずは、デモを見てください。

記事を読む

no image

簡単popupの設置方法。Pop Easyを設置してみました。

今回は、ポップアップ(popup)の設置に取り組んでみました。   ポップアッ

記事を読む

no image

-jQuery-自動で画像のフェードイン・フェードアウトをする方法

今回は、自動で画像を切り替える方法について調べてみました。 (フェイドイン・フェイドアウトのみ)

記事を読む

no image

ドラッグの色を変更する。::selectionを使用する。

今回は、ドラッグした時に色の変更方法を書いてみました。 通常では、ドラッグをしたときは、白にな

記事を読む

no image

カスタマイズができるスライドショーを設置する方法。diapoを使用。

今回は、スライドショーを設置してみました。 ホームページにスライドショーを設置するのは、当たり

記事を読む

-jQuery-送信ボタン1度しか押せないようにする方法

今回は、ボタンを一度クリックしたら、押せないようにする方法をしてみました。 問い合わせ

記事を読む

no image

ページトップへスクロールする方法。

今回は、スクロールしたら、top(一番上)にいく方法を調べてみました。 コンテンツが、縦長にな

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

PAGE TOP ↑