<html>,<body>は要らない？Googleが推奨するHTMLファイルの記法 - Qiita
つまりhtml, head, bodyなどの使い慣れたお決まりのタグは今更書くまでもないということ。 参考: どのようなタグが省略可能か http://www.whatwg.org/specs/web-apps/current-work/multipage/syntax.html#syntax-tag-omission P.S. STORYS.JP、 coincheck などのサービスを運営、開発しています。興味のある方はぜひ 和田まで連絡を！ Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
Ratchet
Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y
いちばんシンプルなHTML5のベースを用意 | necozine
私は、例えばjavascriptをどう動かしたらいいかと理解する時、テキストエディタを使って最低限のコードでサンプルを試します。 そんな時の、ベースとなるHTMLのコードを紹介します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/html5reset.css" /> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style type="text/css"> <!-- /*css*/ --> </style> <scr
テキストボックスにあらかじめうっすら文字を入れておく - 第2.5地区
テキストボックスにあらかじめ薄い文字を入れておく テキストボックスにうっすらテキストが入力されているあれです。 HTML5の場合 placeholder属性でうっすらテキストを指定するだけです。 <form action="#" method="post"> <input name="name" type="text" value="" placeholder="名前を入力してください" /> <input type="submit" value="送信" /> </form> とてもカンタンなのですが、IEはまだ対応してないですね。。 HTML5 & CSS3 Support jQueryを使う場合 <!--jQueryとプラグインのjsを読み込み --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jqu
小さい画像をbase64をかけてhtml内に埋め込み -
おいしいアンテナは表示速度が遅いです。 原因の１つが、沢山画像を使っていることだった。 画像自体はキャッシュしているが、更新がないか確認するためのアクセスが足を引っ張っている様子。 なので、そのアクセスを無くすために、小さい画像はhtml内に埋め込むことにした。 今まで画像はこのように書いていたが、 <img src="http://hogehoge.jp/hoge.png"> 画像をbase64でエンコードすると、以下のように書けるらしい。 <img src="data:image/png;base64,iVBORw0KGgo...."> この施策で40アクセスくらいは減らすことができた。 計測してみるとだいたい30%早くなってた。 最終的にできたライブラリは以下のような感じになった。 画像のURLを渡すと、base64でエンコードした data:image/png;base64,iVB
各HTMLバージョンのDOCTYPE宣言のサンプル集
当ページの概要 HTML,XHTMLで使えるDOCTYPE宣言(公開識別子とシステム識別子)などを分かりやすく使いやすくリストにまとめました。 各HTMLバージョンのDOCTYPE宣言(公開識別子とシステム識別子) HTMLでは、バージョンごとに使用できる要素(タグ)や属性、要素の配置のしかたについて厳密に定義されています。これはDTD(Document Type Definition:文書型定義)をDOCTYPE宣言で指定することで、そのバージョン規則に添って表示します。 簡単なメモ書きですので、参考までに。間違っていたらお教え下さい。 HTMLには以下のようなDTDがあります。目的に応じて使い分けてください。他にも大量にあります。 HTML 1.0 DTD HTML 1.0用のDOCTYPEなし HTML 2.0 DTD (RFC1866) [1994年に標準化] <!DOCTYPE
Emacs で HTML
html-helper-mode とは Emacs で HTML を編集するためのマクロ（Emacs Lisp プログラム）としては， YaTeX に含まれる yahtml がありますが，ここでは，かの Marc Andreessen 作の html-mode に基づいて Nelson Minar が作った html-helper-mode があります。 現在は Gian Uberto Lauri が保守をしています（が私は Nelson Minar の最終バージョンを使っています）。 html-helper-mode (Nelson Minar) html-helper-mode (Jeff Covey によるマニュアル) HTML Helper Mode (Gian Uberto Lauri) インストール ここでは Nelson Minar の HTML helper mode be
XML::LibXML で HTML の一部をパースする
XML::LibXML::parse_html_string で HTML の一部、たとえばブログ記事の本文のみとか、をパースしようとして無駄に苦戦してしまったのでメモ。 以下のような、DOCTYPE 宣言もなければ html/body 要素もないけど、ちゃんと（？）HTMLの一部ではあるものを XML::LibXML でパース、ごにょったあと出力したい。 #!/usr/bin/perl use strict; use warnings; use XML::LibXML; my $html =<<HTML; <div class="entry"> <p>test!!</p> </div> HTML my $parser = XML::LibXML->new; my $doc = $parser->parse_html_string($html); print $doc->toStringH
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なぜ html の form は PUT / DELETE をサポートしないのか？
HTMLデザインを崩さないテンプレートエンジンの作り方
人生送りバント, html-helper-mode キーバインド一覧 M-TAB 補完...
fibertrip.com