href・doctype・src…？HTMLタグの読み方まとめ
Web担当者の皆様は、ページのちょっとした修正を自分で行うケースが少なからずあるのではないでしょうか。HTMLのタグや属性など、それぞれの正しい読み方を知っていますか？ 「qやa」など、一見するとどう読んでいいかわからないものが多いため、なんとなく読んでしまっている方も多いでしょう。 今回は、読みづらいHTMLタグ・属性の読み方をまとめました。読み方に自信が無い方はこの機会に不安を解消しておきましょう。 HTMLタグの読み方 1.!DOCTYPE 読み方：ドックタイプ Document Type Definitionの略。文章の先頭に記載する宣言文。 2.a 読み方：アンカー anchorの略。リンクの出発点・到達点を指定するHTMLタグ。 3.br 読み方：ブレイク Breakの略。改行を指定するHTMLタグ。 4.dfn 読み方：ディフィニション Definitionの略。定義する用語
ノンデザイナーでも簡単！画像の切り抜きができるツール4選
自社の商品や社員を紹介する時など、ホームページ掲載用の画像に切り抜きを利用するシーンは多いのではないでしょうか。 Webデザイナーの方であれば、ほとんどの方がAdobe社のPhotoshopを導入されているはずなので切り抜きにそれほど苦労することはないと思いますが、非デザイナー職だけどちょっとした画像加工は自分でやらなくてはいけない場合、何かしらのツールに頼らなければいけません。 無料の切り抜きツールは膨大にあります。 今回は、その中でも特に使いやすいものを厳選してご紹介します。 ※無料と有料それぞれ2つのツールを記載します。 無料画像切り抜きツール Inkscape ベクター画像を作成できるフリーのソフトウェアです。 描画ツールが非常に豊富で、初心者にも使いやすい仕様となっています。基本的にはドローイング機能がメインですが、描画だけではなく、写真の切り抜きも簡単に行えます。 http:/
Cloud-Powered HTML5 Hybrid Mobile App Development Tools | Monaca
Mobile App Development Fast, Easy and Flexible. Cross-platform hybrid mobile app development platform and tools in the cloud GET STARTED FREE Monaca makes HTML5 hybrid mobile app development with Apache Cordova simple and easy. Monaca is the most open hybrid app development platform available and ready to be immediately plugged into your existing workflow and development environment. From Cloud ID
犯してはいけないHTMLタグの過ち10個
【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を
digilog.HTML - HTMLタグリファレンスとホームページの作り方
HTMLという単語を耳にした事はないでしょうか？ あなたは『ホームページを作るのって、色々覚えたり調べたりで、何だか難しそうだな。』と思っている方ではありませんか？大丈夫です！独学でサイトを運営している人も、プロの現場で活躍している人も、最初は何も出来なかったのです！彼らは特別だったのではなく、誰にでも出来る事をやっただけなんです。【そこに興味を持つか持たないか】それはあなた次第です！ ホームページ制作は簡単！ HTMLは誰にでも簡単にWEBページを作れるように考案された言語です。特別な技能やソフトは必要ありません。今使っているパソコンがあれば今すぐ始められるお手軽なものなのです！ノートパッドやメモ帳などの基本的なテキストエディタ一つで出来ます。ホームページビルダーなどのソフトは、あくまでホームページを作る上で、便利な機能を揃えたソフトです。まずは手打ちでやってみてHTMLの基礎を覚えてか
＆nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)
いかがでしょう？ WEBブラウザにもよりますが、結構実際の見た目も違うように思います。 で、冒頭の「半角スペースと 」の件ですが、ちゃんと意識しておかないと「あれ？」と思うことがあります。 「 を半角スペース (0x20) に置き換える」プログラムがあるように、「 を半角スペースに置き換えず、nbsp (0xC2A0) に置き換える」プログラムもありますから、WEB ブラウザのように 0xC2A0 を表示できる場合はいいですけど、表示できないプログラムだと困りますよね。 冒頭の画像は、わが愛するテキステエディタ Emacs だとこんな感じになります、というサンプルでした おまけとして、 を 0xC2A0 に置き換える例を。雰囲気をお楽しみください。 use HTML::Entities; use Encode; use Data::Dumpe
ruby でHTMLを解析してアンカーテキストとリンクURLを抽出
NasuaはRuby on Railsで作ったメモ帳WEBアプリです。って今ではすっかりRailsな話題を取り上げるだけとなってしまいました。。 参考にしたURL: http://tam.qmix.org/wiki/Hpricot.html http://labs.airs.co.jp/2007/7/11/site_explorer_api_hpricot_seo 簡単にできました。 require 'rubygems' require 'hpricot' require 'open-uri' require 'kconv' doc = Hpricot(open(ARGV[0])) (doc/'a').each { |e| s = e.inner_html.toutf8.gsub(/<.*?>/,'') next if s == nil || s == '' print "[" print
Simple HTML DOM documentation
PHP Simple HTML DOM Parser A fast, simple and reliable HTML document parser for PHP. Created by S.C. Chen, based on HTML Parser for PHP 4 by Jose Solorzano. Parse any HTML document PHP Simple HTML DOM Parser handles any HTML document, even ones that are considered invalid by the HTML specification. Select elements using CSS selectors PHP Simple HTML DOM Parser supports CSS style selectors to navig
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLクイックリファレンス
<br />タグの、brの後の半角スペース
人力検索はてな