約 6,461,711 件
https://w.atwiki.jp/a_kurosawa/pages/31.html
◆HTML ◆HTMLDOCTYPEでcssのhoverとposition absoluteの動作が変わる セキュリティで保護された Web ページ コンテンツのみを表示しますか? Ajaxで中身が変わった後のHTMLを見る方法があるかもー… DOCTYPEでcssのhoverとposition absoluteの動作が変わる IE7での動作を比較しました。 html タグの前に ◆互換モード !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" を指定した時は、座標指定は自由に設定できるが、 hover(マウスオーバーした時のデザインを変更するcss)がうまくいかない。 通常時のcssは反映されているが、 マウスカーソルを合わせてもデザインが変わらない。 ◆標準モード !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3.org/TR/html4/loose.dtd" を指定した時は hoverは正常に動作するが、position absolute がうまくいかない。 relativeも使ってるけど、はずしてもおかしな座標に表示される。 恐らくhoverはIE7からaタグ以外で使えるようになったりなど、 関係しているかもしれないが…定かではない。 参考 ※後々よく見たら、position absoluteを指定して、 left 100;と指定していたので、 left 100px;としたらちゃんと座標が適用された。 ちゃんと書かないとダメなモードってことですね。 leftやtopなどは100%とも指定できるし、 100pxとも指定できるのでちゃんと書かないとダメです。 セキュリティで保護された Web ページ コンテンツのみを表示しますか? IEでhttps参照とhttp参照が混在しているサイトを開くと、 表示される警告があります。 このページにはセキュリティで保護されている項目と 保護されていない項目が含まれています。 保護されていない項目を表示しますか? セキュリティで保護された Web ページ コンテンツのみを表示しますか? このページには、安全なHTTPS 接続を使用しないで配信される コンテンツが含まれており、Webページ全体のセキュリティを損なう おそれがあります。 ↑の2種類あるようです。 httpsがセキュリティで保護されたページです。 URLの構成 お客様がサイトを開いた時に保護されていない項目を表示しないように 選択した場合、ページが正常に動作しません。 そもそも警告が出る事態問題です。 フルパスでhttp参照している部分を全てhttpsに 変更すれば出なくなります。 Ajaxで中身が変わった後のHTMLを見る方法があるかもー… FireFoxでページをHTML形式で保存すると、 Ajaxで書き換えられた情報もちゃんと取得できるらしい! なんてお得な情報! ただし、ちゃんと文字コードそのままで表示してくれるような テキストエディタとかで開かないと何が書いてあるのかさっぱり分からないらしいですw
https://w.atwiki.jp/htmlsakusei/pages/4.html
htmlの特徴 htmlを使うとこういうことができます。 種類 できること ドロップダウンリスト 決められた項目から選択できる リストボックス 同じ ほかにもいろいろあります。
https://w.atwiki.jp/jasagiri/pages/68.html
RFC:http //www5d.biglobe.ne.jp/~stssk/rfcjlist.html 規格対応エレメント表 http //meiert.com/en/indices/html-elements/ html5 http //www.html5.jp/ URI-Templates http //bitworking.org/projects/URI-Templates/ http //builder.japan.zdnet.com/sp/firefox-3-for-developer-2008/ StatusCode http //www.studyinghttp.net/status_code http //thoughtpad.net/alan-dean/http-headers-status.html http //d.hatena.ne.jp/IwamotoTakashi/20090429/p1 REST 何がRESTを良くするか:http //www.infoq.com/jp/news/2008/11/rest-api RESTfullなアプリケーションを記述する:http //www.infoq.com/jp/articles/subbu-allamaraju-rest REST API デザイン http //www.25hoursaday.com/weblog/2008/10/24/RESTAPIDesignInventMediaTypesNotProtocolsAndUnderstandTheImportanceOfHyperlinks.aspx OpenID:http //code.google.com/p/openidengine/ :http //www.atmarkit.co.jp/fsecurity/rensai/openid01/openid01.html :http //www.goodpic.com/mt/archives2/2008/01/openid_oauth.html :http //d.hatena.ne.jp/lyokato/20080816/1218866900 OAuth:http //www.atmarkit.co.jp/fsecurity/special/106oauth/oauth01.html
https://w.atwiki.jp/memo77/pages/26.html
PageLastUpdate 2012-07-05/today - /yesterday - 印刷時のみ適用するcss ありがちな間違い tDiaryテーマとはてなテーマDOCUTYPE宣言ではまった はてなのメニュー部分ではまった wikiで使うための数値実体参照 Internet Explorer Developer Toolbar あなたのページを最速にする14の掟 よく使うサイト comment とにかく基本はAnother HTML-lint gatewayで自分のサイトをチェックして、ダメなところを徹底的に潰すこと。これをやってるうちに、少しづつ知識がついてくる。 印刷時のみ適用するcss とりあえず@ウィキのこのデザインで印刷時に余計な要素を表示させないサンプル 2012/07/05 @media print { form {display none; } .noprint {display none; } .ddsmoothmenu {display none; } .header {display none; } .footer {display none; } .ads {display none; } #body-footer {display none; } .outer { border-left none; border-right none; } body { font 8pt serif; }} ありがちな間違い スクリプトでcgi呼び出すときに、パラメータ中に?a=1 b=2みたいな記述があるときに を にし忘れる。 tDiaryテーマとはてなテーマ 2007/05/01 なんかtDiaryのテーマとか選んでいるうちに、いじらざるを得なくなってきた。せっかくなので勉強しよう。 tDiaryテーマの作り方 http //www.tdiary.org/doc/HOWTO-make-theme.html テーマ向けHTMLの構造図解 http //tnat.net/img/tdiary_css.png テーマ別によるスタイルシートサンプル http //joram.agz.jp/hatena/theme_body.html#link DOCUTYPE宣言ではまった 2007/05/04 検索語:はてなダイアリー/スキン/テーマ/デザイン/tdiary/崩れる adiareyとimg0chに同じテーマを指定しても同じにならない。adiaryははてなとほぼ同じになるけどimg0chが崩れます。 要素を一個一個つぶしていっても直らない。まったく同じ構造までたどり着いて、img0chのDOCUTYPE宣言にloose.dtdがついてるのに気が付く。 adiary/はてな !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" img0ch !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" tDiary !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http //www.w3.org/TR/html4/strict.dtd" で、これが原因でしたorz そっかー、dtdのあるなしで標準モードと互換モードというのがあるのね。勉強になった・・・ http //desperadoes.biz/style/mode.php 追記:と思ったら、tDiaryはTransitionalじゃなくてstrict.dtdがついてる。これはデザインの共有で問題にならないのかしらん? さらに追記:img0chのテンプレートや吐き出されてるのは !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" だった。なんで勘違いしたかというと、IEからHTMLとして保存すると、自動的に !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" になるようだ。 はてなのメニュー部分ではまった はてなの一番上のメニュー部分はテーマによって違うらしい。テーブルレイアウトでくるときとそうじゃないときがあるよ。 たぶん古い table border="0" width="100%" cellspacing="0" cellpadding="0" id="banner" ... たぶん新しい div id="simple-header" ... wikiで使うための数値実体参照 2007/05/05 HTMLで使える文字実体参照 http //www.ne.jp/asahi/minazuki/bakera/html/reference/charref 文字 数値実体参照 用途 | | テーブル中で|を書く必要があるとき Internet Explorer Developer Toolbar 2007/05/11 Webページの構造を検証できるMicrosoft純正IE用プラグイン。 http //www.forest.impress.co.jp/article/2007/05/11/iedevtoolbar.html あなたのページを最速にする14の掟 http //blog.livedoor.jp/dankogai/archives/50828720.html HTTPリクエストは最小限に - Make fewer HTTP requests CDNを活用 - Use a CDN Expiresヘッダを利用 - Add an Expires header コンテンツはGzipせよ - Gzip components CSSは上に - Put CSS at the top JSは下に - Move JS to the bottom CSSのexpressionの利用は控えよ - Avoid CSS expressions JSとCSSは外部化せよ - Make JS and CSS external DNS参照を抑えよ - Reduce DNS lookups JSを「縮刷」せよ - Minify JS リダイレクトは控えよ - Avoid redirects スクリプトの重複を削除せよ - Remove duplicate scripts ETagはオフにせよ - Turn off ETags AJAXを小さくしてキャッシュ可能にせよ - Make AJAX cacheable and small よく使うサイト HTML鳩丸倶楽部 http //www.ne.jp/asahi/minazuki/bakera/html/hatomaru comment このページの記述で聞きたいこととか間違ってることとかありましたらコメントを。 名前 コメント すべてのコメントを見る
https://w.atwiki.jp/nicepaper/pages/352.html
bootstrapのHTML整形。3月21日記事 目次 ひな形 CDN CSS CSS JavaScript ひな形 !DOCTYPE html html lang="ja" head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport" content="width=device-width, initial-scale=1" !-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -- title ここにタイトル /title !-- Bootstrap -- link href="css/bootstrap.min.css" rel="stylesheet" !-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -- !-- WARNING Respond.js doesn t work if you view the page via file // -- !--[if lt IE 9] script src="https //oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js" /script script src="https //oss.maxcdn.com/respond/1.4.2/respond.min.js" /script ![endif]-- /head body !--ここにコンテンツ記述-- !-- jQuery (necessary for Bootstrap s JavaScript plugins) -- script src="https //ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" /script !-- Include all compiled plugins (below), or include individual files as needed -- script src="js/bootstrap.min.js" /script /body /html CDN CSS !-- Latest compiled and minified CSS -- link rel="stylesheet" href="https //maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous" CSS !-- Optional theme -- link rel="stylesheet" href="https //maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous" JavaScript !-- Latest compiled and minified JavaScript -- script src="https //maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous" /script
https://w.atwiki.jp/api_programming/pages/48.html
下位ページ フォント・テキスト フォーム(Form) レイアウト レスポンシブデザイン 画像 色 Content リンク form CSS適用の優先順位 CSSのコメントアウト モバイルサイト用の表示CSS jQuery Mobile 画像のフィルタ 表表をつくる 行をつくる 列をつくる左寄せ、センタリング、右寄せ 要素の表示、非表示 ポップアップ風のメニューを仕込む(主にcssで) エラー時のステータスコード 流行りのUIをコード付きで紹介 ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 ロゴのジェネレータ Instagram風の写真加工ができるCSSライブラリ「CSSGram」 簡易なチャートグラフを手軽に描けるサイト「BEAM」 200万点以上のアイコンをベクター形式でダウンロードできるサイト「iconshock」 HTMLクイックリファレンス ★スタイルシートリファレンス(目的別) - HTMLクイックリファレンス リンク 新しいウィンドウ(タブ)で開く a href="~" target="_blank" /a form FORM - HTMLクイックリファレンス CSS 適用の優先順位 全体に適用されるものと局所に適用される者では、局所に適用されるものが優先される。#xyz p p#xyz #xyz 上書きされるので、最後に読み込まれたものが適用される。 強制的に優先順位を上げるには !important を付ける p {color red !important;} /*この値が最優先されて有効となる*/ スタイルの優先順位 - HTML クイックリファレンス CSSのコメントアウト /* コメントアウト */ // は使えない(認識する場合もあるらしい) http //monopocket.jp/blog/css/1278/ モバイルサイト用の表示CSS jQuery Mobile Javascript/jQuery Mobile 画像のフィルタ http //migo-media.com/css-filter/ 表 a aa aaa b bb bbb TABLE - ★HTMLタグリファレンス 行をつくる→行の中に列をつくる table tr th ... /th td ... /td /tr tr th ... /th td ... /td /tr /table 表をつくる table ... /table 行をつくる tr ... /tr 列をつくる tr td ... /td /tr 左寄せ、センタリング、右寄せ td align="right" } 要素の表示、非表示 タグはあるけれど、表示はされない、という状態をつくる visiblity display 非表示・使用不可 visiblity - HTMLクイックリファレンス(スタイルシートリファレンス) display - HTMLクイックリファレンス(スタイルシートリファレンス) ポップアップ風のメニューを仕込む(主にcssで) メニューボタン(メニューアイコン)にポップアップルメニューとなるdiv要素を仕込んでおく。そのdiv要素は普段は display none を設定しておく。(もしくはjavascript等でクリックしたときに生成するようにしておく) クリックしたら display block(とか) で表示させる。この時、 レイアウトを崩さないように、position absolute(メニューボタン位置に連動させるなら、親にposition relaltiveも)を仕込む z-index を設定して、他の要素より前に出す。 親要素に overflow hidden が設定してると、親の枠外に飛び出せなくなる。 ので注意する。 エラー時のステータスコード HTTPステータスコード - Wikipedia 流行りのUIをコード付きで紹介 CodeMyUI.com - http //codemyui.com/ ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 http //inspirationui.com/ ロゴのジェネレータ http //girlsnet.ninpou.jp/logo.html Instagram風の写真加工ができるCSSライブラリ「CSSGram」 http //una.im/CSSgram/ 簡易なチャートグラフを手軽に描けるサイト「BEAM」 BEAM 200万点以上のアイコンをベクター形式でダウンロードできるサイト「iconshock」 iconshock
https://w.atwiki.jp/zyoushiki/pages/96.html
html head title ネ申の間 - トップページ /title link rel = "stylesheet" href = "kami1.css" meta http-equiv="Content-Language" content="ja" meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /head body header h1 a href="index.htm" img src="/image/logo.png" alt="Kami" /a /h1 header div id="container" B ul id ="menu" li a href="intro.htm" ネ申の間とは? /a /li li a href="knowledge.htm" ネ申に従う心得 /a /li li a href="character.htm" ネ申と仲間と屑達 /a /li li a href="goods.htm" 商品 /a /li li a href="game.htm" ゲーム /a /li /ul /B /div h2 トップページ /h2 div id="main" article ul li time datetime="2008-04" 2008年4月 /time 入学 /li li time datetime="2011-03" 2011年3月 /time 卒業 /li /ul 卒業5周年!(キリッ!!)byネ申 br br AA等は a href = "http //www37.atwiki.jp/zyoushiki/" B こちら /B /a だぞ。 by[[糸申士]] br /article /div div id="sub" aside div class="bnr_inner" dl a href="kami.htm" dt img src="images/bnr_kami.png"alt="kami" /dt dd このカリスマ性感じるオムツ被ってる彼は一体…? /dd /a /dl /div div class="bnr_inner" dl a href="http //www.tokumei24.jp/" dt img src="images/bnr_okame.jpg"alt="okame" /dt dd この酷い顔見かけたら警察に通報だ! /dd /a /dl /div /aside /div footer p id="copyright") small Copyright copy;2010 ネ申の間 /small /p /footer /body /html
https://w.atwiki.jp/battler/pages/2396.html
詳細不明。 いつからか本家のバトルロイヤルRに姿を現した,謎のプレイヤー。 現在の持ちキャラは下記のみ確認されている。 Mr.killer 放浪のyesman zion dopingman bobson JUGGLER presi 【作者記入欄】 その実態は…ただのパチ好き。 同じキャラを1週間ほど連続して登録する傾向がある。(ただセリフとかを入力するのが面倒なだけ)
https://w.atwiki.jp/naobe/pages/67.html
WEBアプリケーションに戻る タグ http //www.htmq.com/html/index.shtml 参照 radioタグとcheckboxタグ radioタグは1個選択可能。checkboxは複数選択可能 form action="/DynamicWEB/ShowDate" input type="checkbox" name="aaa" AAA br input type="checkbox" name="bbb" BBB br input type="checkbox" name="ccc" CCC br input type="submit" br /form 上記のリクエストは以下 ShowDateServlet start. key aaa, val[0] on key ccc, val[0] on 配列にする意味がないような。しかしこれが一般的な使い方でしょう。 配列を有効に活用するには以下の形式。 form action="/DynamicWEB/ShowDate" input type="checkbox" name="key" value="AAA" AAA br input type="checkbox" name="key" value="BBB" BBB br input type="checkbox" name="key" value="CCC" CCC br input type="submit" br /form 上記のリクエストは以下 key key, val[0] AAA key key, val[1] BBB diabled属性 HTML4.01では、inputタグ、TextAreaタグで使用可能。 divで画面を分割 head style type="text/css" #container{width 750px;text-align left;margin 0px auto;} #header{width 750px;margin 0px 0px 15px 0px;} !-- float 回りこみを許す -- #content{float left;width 590px;} #sidebar{float right;width 150px;padding 0px 0px 0px 10px;} !-- clear 回りこみを解除する -- #footer{clear both;width 750px;margin 15px 0px 15px 0px;} /style /head body div id="container" div id="header" ここがヘッダー /div div id="content" ここがコンテンツ /div div id="sidebar" ここがサイドバー /div div id="footer" ここがフッター /div /div /body 用語 項目 説明 備考 インライン要素 前後で改行されない ブロック要素 前後で改行される
https://w.atwiki.jp/testlink/pages/50.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Instructions /title style media="all" type="text/css" @import "../../{$smarty.const.TL_THEME_CSS_DIR}testlink.css"; /style script type="text/javascript" src="../../javascript/testlink_library.js" /script /head body div class="workBack" h1 テスト仕様の印刷 /h1 h2 目的 /h2 p この機能は各々のテストスイート、またはテストプロジェクト/テスト計画全体のテストケースを印刷できます。 /p h2 やってみましょう! /h2 ol li p すべての参照できるテストケースが該当するテストケース、またはテストスイートをクリックします。 br / /p /li li p ナビゲーションシートの「印刷オプション」テーブルにて印刷データの範囲とフォーマットを設定します。詳しくは span class="help" onclick="javascript open_popup( ./printFilter.html );" ヘルプ /span を参照してください。 /p /li li p ブラウザの印刷機能にてテストケースを印刷します。 br / i 注意 印刷できるのはブラウザの右側のみです。 /i /p /li /ol /div /body /html