【閲覧時腹筋注意】Apple新商品のキャッチコピーが直訳すぎて気になったので集めました。 それに引き続き今度はAdobeのサイトにも似たような面白いものがあるということで見てきたました。 今回は前回ほどでは無いのですが、修正される前にキャプチャーを撮ったのでよろしければどうぞ。 これを見て、分かる人は分かると思います。 この＜br＞というのは、ホームページなどをつくるHTML等で使う改行のこと。 本来ならこの＜br＞というのはこのように表示されず、そこの部分が改行されるのですが、 ＜＞が全角なんでしょうか？とりあえずそのまま表示されちゃっているので、こんな奇妙な文章に… とりあえずAdobeが提唱する＜BR＞の新たな次元をご紹介しましょう。 なるほど。＜br＞は効率かつ柔軟なんですね。 最高峰の＜br＞には世界が驚きます。 Adobeを使えば＜br＞が効率良く作れます。 ＜br＞というのは

引用で引用元について明らかにすることは大切です。blockquote要素にはそのための属性としてciteが用意されていますが、ほとんど飾りのようなもので、効果的にその情報を表示することは出来ません。じゃどうすれば良いのかというような話です。 figcaption要素で引用元の情報をマークアップし、blockquote要素と共にfigure要素で括るというのがどうやら王道なようです。 <figure> <blockquote cite="http://example.com/"> <p>Lorem ipsum dolor sit amet.</p> </blockquote> <figcaption> <p><cite><a href="http://example.com/">Example Website</a></cite></p> </figcaption> </figure> bl

みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

No.1さんも述べられていますが、たぶん、そんなに深い意味はないと思います。 あまりにも、改行が多い場合には間延びしたものになるため、読む側からすれば読みにくいと言うのはあると思います。 最近はやたら、改行の多いメールやこのような質問サイトでも見受けられます。 その反動で、このような極端な発想になっているのでしょう。 つまり「絶対にやってはいけない」と言っておけば、従わない人でもそんなに酷いことをやらないだろうと言うのは指導する側の常套手段としてよく用いられます。 今回の場合は「絶対に」と言うほどのことでもないため、このような対応になったのだと思います。 何の採点で減点対象なのか、よくわかりませんが、小説の文章内容以外の指摘は参考程度にして深く悩まない方が自分のためになると思います。 特に個人の趣味であくまで楽しみでやっているのならば、なおさらでしょう。 でも視力が弱いと言う人は、改行を増

補足。『致命的な困りごと』というわけではありませんが、 No.2 に HTML5 は『ブラウザ内でいろんな作業ができることを目標』にしている、と書きました。それゆえ、構文ミスのある「壊れた HTML」でも、HTML5 ブラウザなら共通のエラー訂正をしてくれます。 構文ミスに寛容な代わり、「意味」の間違いには異様に厳しくなっています。例えば、HTML5 においてテーブルレイアウトは認められません。それは表をレイアウトに転用する「意味」の間違いだからです。また、HTML5 ブラウザは見出し要素 h1、h2、……を拾って自動的にアウトライン（目次）を生成しますので、h1、h2 を「文字の大きさを変えるもの」と間違って覚えていた人は、痛い目を見るかもしれません。 これは、構文ミスに厳しい代わり「意味」には比較的寛容であった XHTML とは対照的です。そして「意味」の間違いは、機械的にはなかなか判

HTMLタグというのはWEBの文章やグラフィックの配置や装飾を指定する便利な記号です。かけだしブロガーも、バリバリのプロフェッショナルも要チェック！意外と知らない便利なタグがあるかも！ 原宿: うーーーん………どうもホームページ作りがうまくいかないな…… リックェ: こんにちはー 原宿: おー、リックェ リックェ: 「HTMLタグ」のことでお困りだって聞いたんですけど？ 原宿: そうなんだよ、全然わかんなくてさ リックェ： 任せといてください！ 僕、一応そっち系の仕事してますんで詳しいですよ 原宿： 頼りになるー！ 悪いけどちょっと教えてよ リックェ： はい。まぁHTMLタグってのはマークアップ言語（ランゲージ）のひとつで、ドキュメント、つまり文章やグラフィックですね。これの配置を決めたり装飾をしたりする…… 原宿： あー、ちょっと待って。口で説明されてもイマイチわからないから、とりあえず

メモ８ @nagao_memo8 意外や反応ある今日のブログネタ。「ネットにおける正しい日本語の書き方」。やはりこれは続きモノにしようかなあ。 http://htn.to/u7hzLJ MATSUMOTO Yukako🐦️ @snowystreet via @nagao_memo8 さん。はてなダイアリー初期の頃、このような話やCSSのカスタマイズができるようにとかでよく議論したのを思い出したり。あと、箇条書きは、ul〜になるよう、はてな記法使われたほうが便利だと思います。 / ネ… http://htn.to/stvB1Y MATSUMOTO Yukako🐦️ @snowystreet はてなダイアリー・はてなグループでは、箇条書きリストが極めて簡単に書け、マークアップも適切になる「リスト記法」というはてな記法があります。 / リストをつくる（リスト記法） - はてなダイアリーのヘル

html5 関係無いのも有るかもですが、個人的にhtml5の要点をまとめたメモ。 ほんとにざっくり書いているので、何か期待しても何も出ません＞＜ 日本語が含まれる場合、title要素は charset の後（次）。 address要素は連絡先情報に使う。 例えば企業サイトの各支店の住所一覧とかに使うのはNG。ブログとかで、上手い店とかの住所にaddressを使うのもNG。 あくまでも、そのサイトの管理者への連絡先。なので、copyrightに使うのもNG。 copyrightはsmall要素が妥当。 なので、p small copyright って感じになる。 nav要素はあくまでも主要なナビゲーションに使う。 主要なってのは具体的にはグローバルナビゲーションやローカルナビゲーション。 なので、関連リンク一覧とか、ページ内にあるちょっとしたリンクに使うのはNG。 hgroup要素は、見出し

知らなかったんだけど、画像のパスとかリンクとかhttp:を省略して//から書くことができるんですね。リンクだけじゃなくて画像とかも。そして//から始めると、今見てるページのプロトコルになるんですね（httpだったらhttp、httpsだったらhttpsってこと）。 <img src="//example.com/banner.gif" alt="banner /> 外部ドメインのバナーとか貼るときとかに全ページ共通でhttp://~と書いてるとhttpsのページでIEがエラー吐くんでhttpとhttpsで切り替えたりしてたんですけど、//から書けばいいんじゃないか疑惑。 これって何か問題あるのかな。ブラウザによって挙動がおかしいとか。問題無ければ使いたいところ。 追記：IEでリクエストが2回走ることがあるらしい。 CSS files downloaded twice in Internet

ふと思い出したわけですよ。 いや、p 要素の中に、ブロックレベルは配置出来ない問題なんですが。 問題文 2 ： しかし、私は上記に加えて、 ・水筒 ・タオル ・ちり紙 ・ビニールシート ・ビニール袋 ・雨具 も、必需品ではないかと思うのだ。 上記をどうマーク付けするか問題。 解答例 6 ： <p>しかし、私は上記に加えて、</p> <ul> <li>水筒</li> <li>タオル</li> <li>ちり紙</li> <li>ビニールシート</li> <li>ビニール袋</li> <li>雨具</li> </ul> <p>も、必需品ではないかと思うのだ。</p> これでいいや、ってことになったんでしょうか？（僕は、いいんだけど） 参照：マークアップの仕方、P 要素とか - カナかな団の躁鬱