タグ

htmlに関するtomoworksのブックマーク (9)

  •   は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)

    いかがでしょう? WEBブラウザにもよりますが、結構実際の見た目も違うように思います。 で、冒頭の「半角スペースと  」の件ですが、ちゃんと意識しておかないと「あれ?」と思うことがあります。 「  を半角スペース (0x20) に置き換える」プログラムがあるように、「  を半角スペースに置き換えず、nbsp (0xC2A0) に置き換える」プログラムもありますから、WEB ブラウザのように 0xC2A0 を表示できる場合はいいですけど、表示できないプログラムだと困りますよね。 冒頭の画像は、わが愛するテキステエディタ Emacs だとこんな感じになります、というサンプルでした おまけとして、  を 0xC2A0 に置き換える例を。雰囲気をお楽しみください。 use HTML::Entities; use Encode; use Data::Dumpe

      は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)
    tomoworks
    tomoworks 2015/05/27
    まぢか!知らなかったぞ(汗)
  • ハートの絵文字「❤💘💓💔💕💗💝💞」など、さまざまな絵文字の入力方法

    さまざまなハートの絵文字「❤💘💓💔💕💗💝💞❣」をはじめ、誕生日やバレンタインなどのイベントの絵文字、野菜・果物・べ物・飲み物の絵文字、動物・魚・虫・植物の絵文字を紹介します。 絵文字はスマホでもパソコンでも、簡単にコピペで利用できます。 スマホの絵文字Windowsなどのパソコンでかわいく表示されない、自分のブログを絵文字対応にしたい時には、下記のページを参考にしてください。 ハートや動物など、スマホのかわいい絵文字をパソコンやブログでも表示できるようにする -Emoji One 著作権表示・登録商標記号の絵文字 ハート・スペード・ダイヤ・クローバーなどの絵文字 イベントの絵文字 野菜・果物・べ物・飲み物の絵文字 動物・魚・虫・植物の絵文字 著作権表示・登録商標記号の絵文字 絵文字 絵文字をコピー 名称

    ハートの絵文字「❤💘💓💔💕💗💝💞」など、さまざまな絵文字の入力方法
  • phiary

    phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python 最近ルート相対パスなるものを知った。 衝撃的だった。自分の無知さに対して. 今更って感じだがまとめておく. あるときふと思った, 大規模なサイトはディレクトリ構造をどうしてるんだろう?と フォルダが増えると「../」が増えてややこしくなってくるし, 簡単に階層を変えれなくなってしまう. かといって絶対パスにしちゃうとドメインやフォルダ名に依存しすぎてしまう. とか思っていた. だがそんな問題はルート相対パスが解決してくれた. ルート相対パス これは、/ から始めるとルートディレクトリを基準にアクセスしてく

    phiary
    tomoworks
    tomoworks 2014/10/03
    恥ずかしながら今まで知らんかったわー。まぢかー!衝撃&超便利。
  • 1-2. <object>タグと<embed>タグ | Flashとブラウザ

    IEとそれ以外のモダンブラウザで確認する事 objectタグだけの表示の場合 IEだけ表示、それ以外は表示されない。 embedタグだけの表示の場合 IEは非表示、それ以外は表示される object、embed両方タグだけの表示の場合 IE、それ以外のモダンブラウザでも表示される。 ただし、このコードはレガシーコード(古い)。 このような2段構えの構造になっている理由は、IE以外のWebブラウザではobjectタグのclassid属性などのサポートが不十分なため、SWFを表示する際に必要な情報を取得できないからです。そこで、objectタグの内側に、IE以外のWebブラウザ用でもちゃんと解釈できるembedタグを入れ子にして置いているわけです。(X)HTMLの仕様では、解釈できないobjectタグがある場合、そのタグの内側へと代替コンテンツを求めるようになっています。レガシーコードの場合、

    tomoworks
    tomoworks 2014/02/13
    今更だけど修正の問い合わせがあったので再確認。
  • ほんっとにはじめてのHTML5とCSS3

    このテーブルは「5列ある縦列を、2列と3列に」分けています。 <colgroup>要素はこのように 合計何列のうち、○列をグループ化する という指定の仕方をします。 <colgroup>要素は、span属性を使ってグループ化したい縦列の列数を指定します。 サンプルのHTMLを見てみましょう。 <table class="sample1"> <caption>来店者数</caption> <colgroup id="shop" span="2"></colgroup> <colgroup id="count" span="3"></colgroup> <thead> <tr> <th>エリア</th> <th>店舗名</th> <th>来店総数</th> <th>新規来店</th> <th>リピート</th> </tr> </thead> <tbody> <tr> <th rowspan="

    ほんっとにはじめてのHTML5とCSS3
    tomoworks
    tomoworks 2012/11/13
    実は知らなかったtableのcolgroup要素について。場合によってはCSSの指定などコンパクトにできるかもしれないよね。へぇ~。
  • <ACRONYM>-HTMLタグリファレンス

    【注意】acronym要素は、HTML Living Standardの仕様では削除されています。 頭字語とはSOHO(ソーホー、Small Office Home Office)、LAN(ラン、Local Area Network)等の、 頭文字をとった略語で1つの単語として発音するものを指します。 <ACRONYM>タグはこのタグで囲まれた部分が頭字語であることを表します。 HTML(Hypertext Markup Language)、XML(Extensible Markup Language)等の頭字語ではない略語には <ABBR>を用いるのが適当です。 ■使用例 HTMLソース パソコン1台で<acronym title="Small Office Home Office">SOHO</acronym>を運営するとしても、<acronym title="Local Area N

    tomoworks
    tomoworks 2012/11/09
    abbrとacronymの違い。頭字語がacronymで、そうじゃないときはabbrであったそうだが。【※注意】html5ではacronymは廃止されている。
  • HTML-特殊文字

    HTML特殊文字一覧は、ホームページ作成時に特殊な文字を使用したいときに利用します。たとえば、ブラウザは通常、複数空白を詰めてしまいますが、ここで空白がほしいときには、 &nbsp; と記述すると空白を挿入してくれます。また、HTMLファイル内にいきなり "<" を書くとタグの開始とみなされますが、文字として<を書きたいときには &gl; と記述します。 使用頻度の高いのは、 &quot;   &amp;   &lt;   &gt;   &nbsp;   &copy; です。

    tomoworks
    tomoworks 2012/11/09
    16進数のも参照できてこれは便利だ。英語のコメントもめちゃ参考になるわ。
  • これがHTML?と言いたくなるようなPDF変換ソフトウェア·pdf2htmlEX MOONGIFT

    pdf2htmlEXはレイアウトの再現性を極めたPDFからHTMLへの変換ソフトウェアです。 PDFはそのままでは容易に編集できないフォーマットです。そこが利点でもあり欠点でもあります。PDFを別フォーマットに変換するソフトウェアは幾つかありますが、今回は驚いてしまうくらい品質高いHTML変換を行うpdf2htmlEXを紹介します。 これがHTMLだと思えないくらいの再現度です。 計算式にも対応。 段組み、画像埋め込みも問題なし。 白黒に限らず扱えます。 中国語。マルチバイト対応です。 まるで素のPDFを表示しているかのような再現度の高さがpdf2htmlEXの売りです。PDFを一つのHTMLファイルとして出力し、色や文字の装飾も反映します。リンクもそのまま使えます。なお、Type3のフォントには対応しておらず、テキスト以外のオブジェクトは画像としてレンダリングされるようになっています。

  • 1