HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
HTML整頓くん - HTML整形ソフト
◆HTML整形ソフト「HTML整頓くん」とは 「HTML整頓くん」は、HTMLをタグの階層に従ってインデントし、見やすいソースに変換(整頓)するテキストエディタです。 HTML作成ソフトを用いて作成されたHTMLソースなどの、かなり読みにくいソースを、タグの階層に従って整頓します。 原則として、ブロックレベル要素でインデントを1階層下げ、インライン要素ではインデントしないようにしていますが、それらの設定は自由に変更できます。 好みの整頓になるよう設定を調節可能です。 ※なお、このソフトウェアはレジストリを使用していませんので、すべてのファイルを削除するだけで、アンインストールが完了します。 お気軽にご試用下さい。（フリーソフトウェアです。） ◆HTML整形ソフト「HTML整頓くん」のダウンロード 本ソフトはフリーソフトです。どなたでも無料でご使用頂けます。 下記のリンクからダウンロードして
タグのインデント
インデントとは インデントとは様々なアプリケーションにおいて、文字を入力する際に行頭の文字下げを指定するものです。 文章を改行すると初期設定では左側が各行において揃いますが、インデントを指定することで文字をずらし、見やすさを調整することが出来ます。 HTMLにおけるタグのインデント HTMLの記述内容は、すべて文字で表されているので、行を重ねるごとに改行を伴います。 タグ打ちと呼ばれ、タグを手入力で行う場合は特にインデントを組むことは稀です。 しかし、多くの制作ソフトによって生成されるHTMLのタグはデフォルトの状態ではインデントが指定されていることがあります。 例えば、制作ソフトの代表「IBM ホームページビルダー」の場合、初期設定でのインデントによる文字下げは「2文字」とされています。 従って、特に設定を変えることなく、このソフトで制作した場合、階層が深くなるタグ（テーブルなど）ほどイ
HTMLソースのインデントについて - HTMLソースを書くとき、開始タグと終了タグの関係性を明確にするため、インデントを付けているサイ... - Yahoo!知恵袋
私はインデントを付けていない部分が多いHTMLソースを書いています。 理由は、インデントを付けていないと読みにくいソースなんて、HTMLでは複雑すぎるもっと整理できるソースではないかと考えるからです。まぁいろいろな言語のソースを読む事になれている事と、読みやすさや管理の為に趣味のHTMLにも内部規約を作っているという事も関係しますが。 ＞インデントを付ける・付けないって、どっちがいいんでしょう？ インデントを付けた事で可読性が悪くなったと感じたソースがあったとしたら、それはインデントの問題ではなくソースの内容の複雑さが問題なのではないでしょうか。 管理効率はたしかにインデントを付けるとそれも含めて管理する必要が発生してしまいますが インデントはあくまでソースの視覚的なもの。自主的な規則を考える事で効率の悪化は軽減します。 そしてなによりファイルを軽くという事ですが、 ファイルの容量を気にす
ＨＴＭＬ ソースの美しさってそんなに重要？ - OKWAVE
まだ開いているから書き込んでみたけれど、時間もたっていることだし、 この問題はすでに問題でなくなっているといいなあと思いながら・・、 着眼点は ＞私のいじったHTMLが で、周囲の人に総ざらい当たり散らしているのではないようだと 仮定するところからはじめて、 だからこそ質問者様が悩みに思うほど頻繁にいろいろ言われている 内容は実はさして重要じゃないのかなあ、と推測してみると、 質問者様がその細かい小言をいちいち聞いてくれる「いい人」だから ソースの書き方にかこつけてあたってるだけの人なのでは。 こういう態度を質問者様だけに取るようならば、あたられて自分の 相手をしてくれる相手だと思われているのでは。 「じゃあ、やってみせてください」 とつっぱねて、 「こりゃあまねできないなあ。あなたが全部やってくれないと」 とはぐらかして、 「あなたがやらないと美しくならないんでしょ」 なんてやり返したり
cssとHTMLのみで擬似的な3D表示を実現するCSS 3D Meninas
これ凄いです。僕が知らなかった だけかも知れませんが、この動き でjs等も使用していないのは驚き でした。cssとHTMLのみでマウス オーバーした際の画像に3D効果 を出しています。 動作はIE8、Firefox3、Opera9、Safari 3、Chrome4などで動作するそうです。 マウスオーバーし、左右に動かすと画像も動きます。 複数の透過レイヤーを重ねてhoverで動きを出しているみたい。何枚かの画像と下記のような画像を使ったｃｓｓスプライトを使って実現しているようです。 この効果はmootoolsやjQueryのプラグイン(mParallaxやjParallax)を使えば同じ表現を実現出来ます。 実用性は期待できませんが、cssとHTMLだけっていうのが凄い。ソースは以下でご確認下さい。 Pure CSS 3d Meninas (説明ページ：CSS 3D Meninas)
まだまだあるクロスサイト・スクリプティング攻撃法
前回はクロスサイト・スクリプティングのぜい弱性を突く攻撃の対策としてのHTMLエンコードの有効性を述べた。ただ，HTMLエンコードだけではクロスサイト・スクリプティング攻撃を完全に防御することはできない。そこで今回は，HTMLエンコードで対処できないタイプのクロスサイト・スクリプティング攻撃の手口と，その対策について解説する。 HTMLエンコードで対処できない攻撃には，次のようなものがある。 タグ文字の入力を許容している場合（Webメール，ブログなど） CSS（カスケーディング・スタイルシート）の入力を許容している場合（ブログなど） 文字コードを明示していないケースでUTF-7文字コードによるクロスサイト・スクリプティング <SCRIPT>の内容を動的に生成している場合 AタグなどのURLを動的に生成している場合注） 以下では，HTMLタグやCSSの入力を許容している場合と，文字コードを明
多国語 HTML (UTF-8) の作り方
多国語 HTML (UTF-8) の作り方 Multilingual HTMLs in UTF-8 Encoding 1. UTF-8 と主要ブラウザの対応 UTF-8 と Unicode 最初に、UTF-8 と Unicode について、こちらをご覧ください。 主要ブラウザの UTF-8 対応 Windows / Macintosh 双方における主要ブラウザの UTF-8 対応状況を、こちらで確認してください。 ２. UTF-8 のメリットとデメリット UTF-8 を使用するメリット UTF-8 のエンコーディングを使用すれば、どんな言語でも OS と ブラウザーの仕様に応じて、インストールされているフォントの中から適切なものを自動選択して表示しますから、次のメリットがあります。 訪問者が使用する OS、言語の文字コード、使用ブラウザなどに関係なく、単一のページを作成
CSS YEAR OF THE CAT
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
シンプルなテキスト・HTMLエディタ Crescent Eve (フリーソフト)
Crescent Eve はシンプルなエディタです。 こだわりの基本機能とHTML編集機能を持っています。 【雑談】 ある日のふとした疑問 ～ HTMLを書く道具 ～ ある日、メモ帳等のテキストエディタでHTML書いている人が意外に多いことに気がつきました。 「多機能で優秀なHTMLエディタは沢山あるのに、なぜかな」 「もしかして、軽くてシンプルなSDI形式のHTMLエディタが求められているのだろうか」 「よし、作ってみよう！」 「あくまでシンプルに、テキストエディタとしても使えるようにして、タグはキーボードから自然に入力補完できるようにしよう」 「手作業でタグを打ち込んだら間違いが出るから、文法チェック機能をつけよう」 「文字コードの自動認識は、絶対失敗しないようにしよう」 ・・・というような考えから Crescent Eveを開発することにしました。 その後 公開以来、多くの方に好評を
Web2.0ナビ: 意外と知られていない？rel="nofollow"について
いいね！ 8 ツイート B! はてブ 256 Pocket 16 「rel=nofollow」をご存知だろうか？おそらく、このブログを読んでくださっている方の多くは、そんなの知っているという人が多いのかもしれないが、意外と！？知らない人が非常に多かったので、参考までに。 『rel=nofollow』というのは、実はただのHTMLで、リンクタグ<a>の属性です。 <a href=”https://www.web-20.net/” rel=”nofollow”> GoogleやYahoo,MSNといった大手検索エンジンはリンク属性に「rel=nofollow」がついているサイトへのリンクは、ページランク等の集計対象に含みません。 これはブログのコメント欄や、トラックバックスパムを防止するための機能で、一般的にトラックバックやコメントからのリンク属性には「rel=nofollow」がついています
とほほのＷＷＷ入門
HTML/JavaScript/CSS/CGIなど Webサイト作成に関する情報を満載した Web作成関連総合サイトです。
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
W3C信者アイコン（ちまちまボタン） - PLAYNOTE
僕はW3C信者ですが、最近礼拝（＝Validatorでのチェック）を怠っていますし、このサイトも戒律違反（＝文法エラー）ばかりです。 今近所の教会（＝HTML-lint）で懺悔（＝チェック）したら何と-24点でした。驚きです。MTのテンプレもXHTMLも嫌いなんで最近適当にやっていたのですが、神のお怒りに触れたようです。XHTMLに至っては聖書（＝仕様書）すら読んでいません。旧約聖書（＝HTML4.01の仕様書）は以前読んでいたのですが…。もう信者失格でしょうか。 足を伸ばして大聖堂（W3CのValidator）へ行ったら、今度は88個もの不品行（＝エラー）が。神はすべてお見通しです。 僕は過激派でも原理主義者でもないので人様のHTMLに文句をつけるような真似は致しませんが、今後もお勤めに励まねばと、今回改めて実感しました。てか-24点て。 清く正しく美しいHTMLを書こう。 W3Cを信じ
信者／宗教／HTML
W3C信者アイコン（ちまちまボタン） W3C は HTML の仕様を勧告している団体。英語版は斜め読みし、JIS の技術書（?）になった翻訳版と有志による翻訳版を読みました。HTML4.01 の仕様書の説明にはいろいろ考えさせられ、そして共感するものがありました。さらにいろいろな状況を勘案して、W3C の勧告に従って HTML4.01 を使っていくことにしました。それから3年あまり経ちました。 他にもっといい仕様があるなら、そちらに従ってもいいと思っています。じつは W3C 以外では ISO も HTML の仕様を制定しています。これは JIS 規格になった翻訳版しか読んでいませんが、仕様書自体はつまらない内容ながら、補足の解説が興味深いものでした。ただ、ルーズで中途半端な私には向かないかな、と思って、自分のサイトに採用することはありませんでした。（ちなみに ISO-HTML に準拠した文
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLタグボード - HTMLタグ一覧、CSSリファレンスなど
HTML4 で使える文字実体参照
【HTMLタグの簡単検索】TAG index - ホームページ作成情報
ホームページに日仏混在テキストを載せる方法