タグ

htmlに関するmathemathikoのブックマーク (21)

  • <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>,<body>は要らない?Googleが推奨するHTMLファイルの記法 - Qiita
  • HTML5では、data-* の書式でカスタム属性 ( Custom Data Attribute )を定義できるらしい ハブろぐ - havelog.ayumusato.com

    Tweetボタンのdata-urlとかdata-text属性はアリなのか? 結論は、エントリーのタイトルの通りHTML5の仕様の中では定義済みということでアリでした。エントリーの下の方で情報の出所を紹介してます。以下は、後半まで逐次的な調べ物メモです。 以前、公式Tweet Buttonを早速試した!で、Tweetボタンを紹介しましたが、そのときから気になっていた素朴なギモン。 HTMLの属性って、勝手に拡張していいの? Tweetボタンの場合、data-url, data-via, data-text, data-related, data-count のようにHTMLでは未定義(と言っていいのか分かりませんが)の、属性をベタベタ貼って動作させています。 確かに、こうやってJS等で利用する情報を好きに定義して良いなら、かなりラクチンな訳ですが、これはHTML的にはやっても良いの??とい

    HTML5では、data-* の書式でカスタム属性 ( Custom Data Attribute )を定義できるらしい ハブろぐ - havelog.ayumusato.com
    mathemathiko
    mathemathiko 2013/05/02
    data-url, data-via, data-textのような属性を定義するのは、HTML5の仕様の中では定義済みということ。
  • HTML5 Boilerplate: The web’s most popular front-end template

    HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

    HTML5 Boilerplate: The web’s most popular front-end template
    mathemathiko
    mathemathiko 2013/03/30
    HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites.
  • Initializr - HTML5 project - template

    Wix is a top-ranked website builder, but its value for money is a mixed bag. Wix offers a range of pricing plans from $17 to $159 per month, billed annually. The prices increased in May 2024, with the entry-level plan… Read More »Wix Pricing 2024: How To Get The Best Deal Wix reigns supreme as our top website builder for 2024, outshining other platforms. With its unparalleled features, an expansiv

    Initializr - HTML5 project - template
    mathemathiko
    mathemathiko 2013/03/30
    今更だけど。Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate.
  • DOMイベントの基礎から深淵まで

    DOMイベントの基礎から、細かい情報まで、最新のDOMイベントの仕様策定状況も含めて、解説しています。Read less

    DOMイベントの基礎から深淵まで
  • 知らない人は遅れてる?新Zen-Coding Emmet

    頭の中のページ構成図をリズムで書いてHTMLに展開してくれるZen-Coding。 もはやHTMLコーダーで使っていない人はいないであろうZen-CodingがHTML5/CSS3の広まりと共にEmmetという名前に変更し、進化をとげているようです。 まだ開発中で公式アナウンスはまだのようですが先行して試すことが可能です。 Zen-Codingおさらい Zen-Codingは経験済みとして話しますが、まだ使ったことがないという方はまずこの映像から。 早速EmmetをSublime Text 2にインストール 1. Package Controlのリポジトリに追加 Sublime Text 2の標準リポジトリにはまだ入っていません。Cmd + Shift + Pで入力ボックスにadd repositoryを入力、下記のリポジトリを追加します。 https://github.com/serge

    mathemathiko
    mathemathiko 2012/10/12
    以前zen-codingやめちゃったから試してみようかな。
  • Web上でHTML+CSS製のスライドを簡単に作成、公開できるWebサービス・rvl.io

    よく見かけるHTML+CSS3なプレゼン をオンラインで簡単に作成、公開 する事ができるWebサービス、rvl.io のご紹介。編集作業も容易に出来る のでフレームワーク等から作るの も面倒、という方は利用してみては。 WYSIWYGを使ってreveal.jsを使用したスライドをオンラインで作成、公開できる、というWebサービス。キーカーソルで進めたりするアレです。 Web上でプレゼンを生成出来る、というサービスです。WYSIWYGを使えるので簡単に作成出来ます。 ↑ アカウントを作成して作る、という流れ。アカウントはOpenIDです。 ↑ ログインすればマイページが発行されます。スライドは複数作れるみたい。New Deckで新規作成です。 ↑ WYSIWYGを使えます。画像やリンクもOK。HTMLで書くことも可能です。画面右端と下に+のアイコンがあり、ここをクリックする事で次のページを作

    Web上でHTML+CSS製のスライドを簡単に作成、公開できるWebサービス・rvl.io
  • アンカーの最適化

    Updated 2007.01.30 / Published 2007.01.30 従来の HTML では a要素の name属性にアンカー名を付与してウェブページ内の特定箇所をリンク先として参照できるようにする目的地アンカー(終点アンカー)が用いられてきましたが、XHTML では name属性は廃止され、旧来の目的地アンカーのテクニックは利用できません。文書では HTML4 の規格から新たに登場した id属性を name属性に代わって指定することでアンカーを最適化させる手法を解説します。 アンカー内容を空にして使う旧来の手法について a要素に name属性を指定する目的地アンカー(終点アンカー)は、従来の HTML によく用いられる手法ですが、開始タグと終了タグの間、つまりアンカー内容を空にして使われていることがあります。これはアンカー内容を空にすることで、目的地アンカーを視覚的にわか

    アンカーの最適化
    mathemathiko
    mathemathiko 2012/09/24
    アンカーの最適化。読んでおくべき。アンカー内容を空にしておくのは標準技術という観点からよくないとのこと。文法的には問題ないのだが、HTMLは構造化する言語であるにもかかわらずその部分についてできない
  • Google HTML/CSS Style Guide

    Revision 2.1 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there’s a “toggle all” at the top of this document. This document defines formatting and style rules for HTML

    mathemathiko
    mathemathiko 2012/09/09
    Googleが出しているHTML/CSSのコーディング規約など。
  • clearfixでfloatを解除 | d-spica

    clearfixでfloatを解除 2007-03-07 1 0 XHTML/CSS clear, CSS 枠や背景が消えたり,途中で切れたりしたことはありませんか。 floatした要素(ボックス)を含む親要素(ボックス)のborderやbackgroundが途中で切れてしまうことがあります。 左の例では,右側のメニューが終わったあたりで,左右にあるラインも切れています。 floatした要素の高さは親要素の高さに反映されない 分かりやすいようにXHTMLCSSの例を書いてみましょう。 <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;

    mathemathiko
    mathemathiko 2012/09/06
    わかりやすい。
  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

  • CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki

    CSSで段組したらFirefoxで背景が出ねーよっ」て話をよく聞くので色々試してみました。 コンテンツメニュー 元になるHTML 特に何も考えずfloatを使った場合 外のボックスに幅を与えてみる 一般的な解決方法 その他の解決方法 overflowを使う 最終回答 番外編 更新履歴 このドキュメントについて 元になるHTML <div id="container"> <div class="leftBox">内容</div> <div class="rightBox">内容</div> </div> 例1(ブログ) class="leftBox"のボックスの内容は「サイドバー」。class="rightBox"の内容は「記事部分」。 例2(ウェブサイト) class="leftBox"のボックスの内容は「ローカルナビゲーション」。class="rightBox"の内容は「情報」。 例3

  • overflow:hidden について

    > http://www.fsiki.com/archive/css-doc/float.html​ ​> http://www.geocities.jp/multi_column/float/05.html このページを見つけるとは、初心者と名乗っている割には物分りの早い方のようですね。感心です。 > すべてにfloat:none以外をかけるとこうなってしまうのですか・・ > たぶんとても基的なことですね すみません・・・ ウェブページを作成し得る人のほとんどが認識していないように思います。 こういうやりとりを通じて知識を吸収していただければ大いに結構です。 閑話休題。 HTMLソースを提示する場合は、部分的な提示で十分でない場合を除いては1行目から提示してください。 文書型の宣言などが回答に関わってくる可能性があります。 style 要素内ではHTMLに於けるコメントアウトはしなくて

    overflow:hidden について
    mathemathiko
    mathemathiko 2012/08/31
    clear:both;の話も書いてある。
  • overflow―スタイルシートリファレンス

    ページが移転しました。

    mathemathiko
    mathemathiko 2012/08/31
    overflow:hidden; このページのサンプルがわかりやすい。scrollとvisibleとhiddenの違いなど。
  • コメントアウト

    コメントアウトとは タグの構造やページ構成を分かりやすくするため、HTMLの適当な箇所でコメントを挿入する用途の他にも、コメントには違う使い方があります。 それがコメントアウトと呼ばれるものです。 来のコメントの使い方は、HTML内にブラウザの表示に関係ないコメントを入れることですが、この機能を応用したのがコメントアウトです。 コメントアウトの使い方 コメントアウトの使い方は、一部のタグをコメントで囲むことで、その囲ったタグを一時的に無効にする、つまりタグを一時的に排除することが目的です。 来は正常に機能していたタグをコメントで囲むと、コメント内に書かれた内容はブラウザの表示に影響しなくなるため、囲まれたタグが表すデザインを一時的にブラウザ表示から消すことが出来ます。 また、コメントアウトはHTMLだけではなく、JavaやC、VisualBasicなどの一般的なプログラムのソースコード

    コメントアウト
    mathemathiko
    mathemathiko 2012/06/29
    <!-- -->によるコメントアウトはソースに表示されてしまうため、一時的にするべきもの。デプロイする際にはユーザに見えないようにするべき。
  • YouTube人気急上昇

    急上昇 🍁髪型何種類あるの?【#Shorts/ゆっくり実況/マイクラ】 2022.08.23 急上昇 急上昇 無料のチートグライダーの性能がヤバすぎる!!【フォートナイト/ゆっくり実況/Fortnite】 2022.08.23 急上昇 急上昇 あつ森 総額130万ベル?案内所裏に豪華な和風商店街を作る!島クリ【ゆっくり実況】 2022.08.23 急上昇 急上昇 【ゆっくり解説】野手ドラフトのチャンス!?DeNAの22年ドラフト戦略考察第2弾 2022.08.23 急上昇 急上昇 【ゆっくり解説】【ゆっくり解説】宇宙の謎や疑問質問にお答えします 2022年夏休み子ども宇宙相談 その2 2022.08.23 急上昇 急上昇 【ゆっくり解説】ヤバすぎるドラえもんの炎上したシーン&エピソード9選 2022.08.23 急上昇 急上昇 【ゆっくり解説】絶滅は嘘だった! ?ディノスクスの生存説と恐

    YouTube人気急上昇
    mathemathiko
    mathemathiko 2012/06/29
    HTMLの勉強によさそう。Mozilla製というのがおもしろ。
  • HTMLタグ/テーブルタグ/見出しの対象範囲を指定する - TAG index

    この属性を指定することで、それがどのデータに対する見出しなのかを明確に示すことができます。 row … そのセルが、横列に対する見出しであることを示します。 col … そのセルが、縦列に対する見出しであることを示します。 rowgroup … そのセルが、行グループ(thead、tfoot、tbody)に対する見出しであることを示します。 colgroup … そのセルが、列グループ(colgroup)に対する見出しであることを示します。

    HTMLタグ/テーブルタグ/見出しの対象範囲を指定する - TAG index
  • 3streamer.net

    3streamer.net 2024 著作権. 不許複製 プライバシーポリシー

    mathemathiko
    mathemathiko 2012/04/26
    「困った!HTML初心者にどうやって教えたらいいの?」HTMLとCSSの効率的な教え方 | 3streamer blog (97 users) http://twitter.com/#!/hatebu/status/195222188712931328 Sent from Echofon - http://www.echofon.com/
  • colspan.net

    このページでは、colspan.netについての解説と、HTMLタグの情報を求めていらっしゃるかたがたに対する情報を提供します。 htmlタグにおけるcolspanについて 当サイト開設者について htmlタグにおけるcolspanについて 概要 colspanとは、htmlにおいて表を記述する際に利用する枠組みである<table>タグの属性値です。行方向(横方向)にセルを結合することができます。 colspanのとりうる値は正の整数であり、標準は1です。 具体例 たとえば、3×3のテーブルを以下に用意します。 コード <table> <thead> <th>A</th> <th>B</th> <th>C</th> </thead> <tbody> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td>

  • &nbsp; これの意味教えて下さい。

    空白(半角スペース)として使用されることが多いですが、 を使用すると改行されません。 たとえばOK WaveのOKが行末あたりに来たときに、 (1)OKとWaveの間を半角スペースとする場合 ~~~OK<改行> Wave~~~ となりますが、 (2)OKとWaveの間をとする場合 ~~~<改行> OK Wave~~~ となります。

    &nbsp; これの意味教えて下さい。