canvas を画面サイズに合わせる方法 2022/10/10キャンバス要素を画面全体に表示します。 結論 sample-fit-canvas-screen-size.html <!DOCTYPE html> <html> <head> <meta name="viewport...
HTMLを簡易に解析(tokenize / parse)する 2021/12/152023/08/23目次 はじめに DOMParser を使用する HTMLから文字列を抽出する 正規表現を使用して、簡易にタグとタグ以外を分解する 正規表現を使用して、もう少し考えて分解する HTMLのドキュメントツリーを簡易に作成する はじめに JavaScript で HTML を簡易に解析(...
robots.txt でクローラを全拒否する 2021/02/042023/08/22巡回を全拒否する robots.txt User-agent: * Disallow: / 説明 User-agent: * すべてのクローラを対象にする。 Disallow: / ルート配下の全ディレクトリを対象にする。 備考:失敗例 robots.txt User-agent...
Bloggerのコメント欄で使用できるHTMLタグ 2020/03/102020/03/11使用可能なタグ a, em, strong, i, b, br, ※ <a> は、 <a rel="nofollow"> になる rel 属性を付けた場合、消されて onfollow になる ※ <br> は、「 <...
HTML5の全要素 2020/03/092020/03/12html, head, title, base, link, meta, style, body, article, nav, aside, h1, h2, h3, h4, h5, h6, hgroup, header, footer, address, p, hr, pre...
HTMLで高さ指定あり画像をアスベクト比維持自動縮小する 2020/03/07やりたいこと 「 <img> で height 属性を指定するが、領域の横幅が width 属性の指定を下回る場合、横幅の縮小に合わせてアスベクト比を維持したまま縦幅も縮小する」です。遅延読み込みやリフロー(レイアウト)の再実行防止などで画像の幅高さを事前に指定する必...
HTMLパース処理を中断して強制初回描画する 2020/03/052020/04/25サイトの高速化について試行錯誤していたら、面白そうな現象を発見したので覚書です。 なにをするのか? ページがヘッダー部・コンテンツ部・フッター部に分割されているものとします。この時、「ヘッダー部のみをコンテンツ部・フッター部のHTMLパース処理を待たずに表示する」です。意図せずに...
CORS制限付き外部iframeのfocusイベントを取得する 2020/02/24 やりたいこと メインページ上の外部iframeをクリックした時に、メインページで特別な処理をしたい。 具体的には、Bloggerの埋め込みコメントフォームをクリックした時に処理を実施したい。Bloggerの埋め込みコメントフォームは、 www.blogger.co...
Bloggerのコメント欄を標準jsなしで返信可能にする 2020/02/222020/02/25 はじめに Bloggerのコメント欄改善です。標準jsを読み込めば、返信(リプライ)できるようにできます。ですが、できるだけスクリプトを使用したくないため、自作して最小限のスクリプトで済ますようにします。 仕様 コメントをJavaScript無効で表示する...
Bloggerのskinタグを消す 2020/02/162020/02/22 覚書として記載します。 コード <style><!--/*<b:skin><![CDATA[*/]]></b:skin> 出力 <style><!--/...