タグ

htmlに関するstealthinuのブックマーク (15)

  • GitHub - scrapinghub/article-extraction-benchmark: Article extraction benchmark: dataset and evaluation scripts

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - scrapinghub/article-extraction-benchmark: Article extraction benchmark: dataset and evaluation scripts
    stealthinu
    stealthinu 2023/09/05
    Pythonで使えるHTMLをテキスト化(スクレイピング)するためのツール性能比較2019時点。
  • 閲覧ページを単一のHTMLとして保存するChrome拡張「シングルHTMLダウンローダー」 - 窓の杜

    閲覧ページを単一のHTMLとして保存するChrome拡張「シングルHTMLダウンローダー」 - 窓の杜
    stealthinu
    stealthinu 2017/04/10
    画像などをdata URIなど利用して本文と同一ファイル上に全コンテンツを入れ込んで「シングルファイル」でページを保存できる。これってHTMLメールのと同じ仕様と考えればよいのかな。
  • HTMLのinput type="reset"の仕様を勘違いしていた - Qiita

    みたいなHTMLを使っている記事を見かけますが、どうやら、その使い方はおかしいらしい。 W3Cのドキュメントを読んでみると、どうやらtype="reset"はHTMLが読み込まれた段階での値にリセットするということだった。つまり

    HTMLのinput type="reset"の仕様を勘違いしていた - Qiita
    stealthinu
    stealthinu 2016/12/26
    HTMLのformでresetするとクリアするのではなく元の値に戻してしまうのが正しい動作なのね。自分も勘違いしてた。
  • Onchange open URL via select - jQuery

    It is pretty simple, let's see a working example: <select id="dynamic_select"> <option value="" selected>Pick a Website</option> <option value="http://www.google.com">Google</option> <option value="http://www.youtube.com">YouTube</option> <option value="https://www.gurustop.net">GuruStop.NET</option> </select> <script> $(function(){ // bind change event to select $('#dynamic_select').on('change',

    Onchange open URL via select - jQuery
    stealthinu
    stealthinu 2016/12/07
    HTMLのselectで選択されたところへジャンプするというのをonchange使って1行だけで書いてる例がとてもシンプルで良い感じ
  • リターン(Enterキー)でフォームを送信しない方法

    フォームのテキスト入力中にうっかりリターン(Enterキー)を押してしまい、中途半端なフォームが送信されてしまったという経験をした人は結構多いのではないかと思います。 ということで、リターン(Enterキー)でフォームを送信しないようにする方法を紹介します。この記事の投稿時点でのGoogle Chrome・Firefoxの最新版とIE9で同じ動作になることを確認しています。 1.リターンでフォームが送信される原因 次のように、type属性が「text」のinput要素、いわゆるテキストフィールドが含まれるフォームで、テキストフィールドがアクティブなときにリターンを押すとフォームが送信されてしまいます。 <form action="hoge.cgi"> <input type="text" name="foo" /> <input type="text" name="bar" /> <inp

    stealthinu
    stealthinu 2015/11/13
    フォーム中にinput textが1つだけしかない場合にエンターキー押すとsubmitになってしまうのね。display:noneにしたダミーの入力フィールドを付けるとかの方法しかない。
  • GETとPOSTの使い分け - フォームデータの送信 -- ごく簡単なHTMLの説明

    ブラウザからのデータデータは、特別な形式でエンコードされて送信されることになっています。画面に表示されるフォームのコントロールで入力する以外にも、隠されたデータの情報を送ったり、フォームを使わずに送信するなど、いくつかの方法があります。 目次: 作者の設定したデータを送る データ送信とURLエンコード フォームから直接メール送信 エンコードのタイプとファイル送信 GETメソッドとPOSTメソッド GETを使って直接データを送る 作者の設定したデータを送る input要素などで用意する「コントロール」はユーザーがそれを操作してデータを入力するためのものです。しかし、場合によってはHTMLの制作者が指定したデータをプログラムに送信したい場合もあるでしょう。このようなデータはユーザーが操作する必要はなく、ユーザーの目に触れないほうが都合がよいものです。そのために、input要素のタイプの一つとし

    stealthinu
    stealthinu 2015/10/09
    formでenctype=multipart/form-dataで送った場合、メールと同様MIMEのマルチパートデータ形式で送られる。
  • Text input readonly attribute not recognized in IE7?

    stealthinu
    stealthinu 2014/03/18
    IE7だけ「readonly="readonly"」が効かならしい。readOnly=trueだと効くらしいが試してもダメだったという声も。
  • ひとりでWeb制作できた!Webデザインの勉強にもなる独学「スライド」総まとめ

    作成:2014/02/24 更新:2016/06/30 Webデザイン > デザインの流れや基的なフローなどを勉強しておくだけでも効率が良くなるし、起業の際にも役に立つと思います。デザイナーさんにもっとデザイン力を上げたいと言われたのもあり、今回は制作フローとデザインやその他の知識を学べるように、出来るだけ制作フローにそって、スライドをまとめました。膨大な量になったので簡潔にしています。全てスライドです。 エンジニア速報は Twitter の@commteで配信しています。

    ひとりでWeb制作できた!Webデザインの勉強にもなる独学「スライド」総まとめ
    stealthinu
    stealthinu 2014/02/24
    あーまたこの人だ。今HTML+CSS+jQuery+javascript教えてるのだけど独学してもらうポインターとしてとても良さそう。
  • CSS謝罪文 - jsdo.it - Share JavaScript, HTML5 and CSS

    CSSによるインデックスされない謝罪文 CSS文が書いてあるので、画面上は表示されているがGoogleでのキーワード検索には引っかからない 「流出」などの嫌な単語は:beforeと:afterに「流」「出」を分けて書くことで、自然言語解析を回避 #s { p:first-child { font-weight: bold; font-size: 120%; } p:not(:first-child) { text-indent: 1em; } p:nth-child(1):before{ content: "お 詫"; } p:nth-child(1):after{ content: " び"; } p:nth-child(2):before{ content: "平素は弊社のサービスをご利用いただき、誠にありがとうございます。"; } p:nth-child(3):before{ c

    CSS謝罪文 - jsdo.it - Share JavaScript, HTML5 and CSS
    stealthinu
    stealthinu 2014/02/03
    へー、CSSで「本文」を書くことが出来るのか。文字で書いてるけど検索に拾われたくないなど特殊な用途に使えると。このテクが必要になる状況にかかわりたくないなw
  • Linuxに使われる日々 : buttonタグとsubmitの関係 - livedoor Blog(ブログ)

    Linuxに使われる日々 主にLinux関連の話題中心にお届けしております。 たまに、家族や友達のこと。パソコンのことなど趣味や日々の思い付きを書いてます。 < ハラペコアオムシパンひかる木 > 2010年02月26日11:27 カテゴリ業務連絡(ただの覚書)Webサービス buttonタグとsubmitの関係 My Yahoo!に追加 そろそろWeb作成記事は単独のカテゴリにした方がいいかな?と思いつつそのまま(^^; それはさておき、先日からstruts関連の記事を書いてるんですが、struts以前の初歩の初歩でつまづいたのでメモメモφ(.. ) 通常submit処理をしたいときは ・ ・ ・ <form action="/hoge.do"> <input type="text" name="hoge"/> <input type="hidden" name="huga"/> <inp

    stealthinu
    stealthinu 2013/11/25
    buttonタグってなんも指定しないとsubmitになっちゃうのか。汎用ボタンとして使いたい場合はtype="button"が必要と。
  • <label for="id属性値"> ラベルを付けて関連付けをする -HTMLタグ辞典-

    <label for="ID属性値">タグを使用すると、<label>タグの開始タグと終了タグに挟まれた文書が、ID属性の属性値として「di属性値」と同じ値が書き込まれた部品と、関連付けされます。 たとえば、ラジオボタンの項目AのID属性値を「ID属性値」と等しくすれば、ラジオボタンそのものだけでなく、ラジオボタン項目の文字をクリックしたときにも、ラジオボタンにチェックマークが記入されるようになります。 このように、ある部分でのアクションを、他の部分のアクションと連動させることができます。

    stealthinu
    stealthinu 2013/08/30
    <label>タグってなんのためにあんだ?と思ったらlabel付けられたものどうしで関連付けをするためのものなのか。
  • もしも10分の1の行数でHTMLが書けたら

    Zen-Codingとは 1年ほど前から、Zen-Codingが話題になっています。Zen-Codingを使うと、特定の省略された記法を展開できます。この展開が非常に強力で、ちょっとしたHTMLを記述するのであれば、Zen-CodingでHTMLCSSのマークアップを効率的に行えます。 Zen-Codingはさまざまなテキストエディタに対応したプラグインとして提供されています。プラグインには、公式対応しているものと、サードパーティの開発者が作成したものがあります。 それぞれのプラグインによって、実装機能が異なる場合があります。これらのプラグインの詳細はZen-Codingの公式サイトから確認できます。 基的な使い方 ここからはZen-Codingの基的な使い方を解説します。Zen-Codingをテキストエリアで利用できるサンプルを用いて、実際に試しながら読み進めてください。テキストエ

    もしも10分の1の行数でHTMLが書けたら
    stealthinu
    stealthinu 2011/07/05
    CoffeeScriptを見てなんか似たのあったけどなんだっけ?と思ってたんだが、そうだZen-Codingだわ。
  • 荒井さとし・元 衆議院議員

    93年日新党での初当選を振り出しに、細川政権及び民主党政権という二度の政権交代の一翼を担いました。96年衆議院選や北海道知事選の敗北という二度の苦しい浪人時代も含めて、数多の先輩諸兄や友人の皆様からの心温まる御支援・御鞭撻に背中を押され、まっすぐに駆け抜けて参りました。

    荒井さとし・元 衆議院議員
    stealthinu
    stealthinu 2010/06/11
    今話題の荒井さとし議員のホームページ。「教師が転職」を見に来たのだが「<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>」が謎。なにで書くとこうなるんだろう?
  • HTML 4 Document Type Definition

    <!-- This is HTML 4.01 Strict DTD, which excludes the presentation attributes and elements that W3C expects to phase out as support for style sheets matures. Authors should use the Strict DTD when possible, but may use the Transitional DTD when support for presentation attribute and elements is required. HTML 4 includes mechanisms for style sheets, scripting, embedding objects, improved support fo

    stealthinu
    stealthinu 2010/06/04
    bodyの中にhead入れたり、bodyの中にstyle入れたりするのは「文法的には」不可。
  • 知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ

    最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか?という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio

    stealthinu
    stealthinu 2010/02/23
    Zen-Coding HTMLのコーディングを簡易記法で書いてそれを展開してくれるプラグイン。各種エディタに対応したプラグインが出ている。
  • 1