文字参照

このタグでブログを書く

言葉の解説

ネットで話題

文字参照

(ウェブ)

【もじさんしょう】

HTMLで特殊文字を記述するための符号。
ISO/IEC 10646（Unicode）の文字コード位置を指定する方法（数値文字参照）と、DTDで宣言された名前で指定する方法（文字実体参照）がある。

「<」「>」「"」「'」はHTMLやXMLを記述する際に使用する記号のため、web上で表示するにはエラー回避のためにそれぞれ「<」「>」「"」「'」と文字参照で記述することが推奨されている((文字参照で「&」を使用するため、必然的に「&」も「&」と記述))。

ブラウザのバージョンによって「è(アクセント付きのe)」「ë(ウムラウト付きのe)」「®(登録商標マーク)」「Δ(ギリシャ文字のデルタ)」「√(数学のルート記号)」「♥(ハート)」といった文字の表記が可能。

また、XMLでは数値文字参照については HTML4 と同様に利用できるが、文字実体参照（に相当する実体参照）はあらかじめ決められている「<」「>」「&」「"」「'」のみである。このため、自分で定義するあるいは定義したファイルを文書内で読み込まない限り、HTMLで定義されているような© (©)などのシンボルをそのまま使うとエラーとなってしまう。

i-modeの絵文字は文字参照でも記述できる*1が、i-modeは絵文字および「<」「>」「"」「'」以外の文字参照には未対応。

最近のブラウザでは「内田百閒（間）」や「澁澤龍彥（彦）」といったJIS第3・第4水準の文字もUnicodeに配置されていれば文字参照を用いることで表示が可能。
ただし、携帯など未対応ブラウザからのアクセスを考慮すると現状での多用は避けるべき。正字を示す程度に留めるのが妥当だろう。

参照

google:文字参照
「検索 - はてな」

人力検索はてなより

♫♬ 　ゎ　♡￫ܫ￩♡　ってどうやって入力するんですか？？: http://q.hatena.ne.jp/1142839814

*1:16進数の数値文字参照を推奨

このタグの解説について

この解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

miu’s blog•13日前

資金調達をする

恋活・婚活で、頭が痛いのは、＼資金調達／美容、デート代、相談所、結婚 or 同棲、引っ越し… 私はOLの一人暮らしでしたが、普通にお財布が泣いていましたよ🫥 余裕がある人もいると思うけど、婚活～成婚・引っ越しまで、おトクになったことを伝授します。＜目次＞ ①ポイントサイトを利用する ②レストランや美容のモニターをする ①ポイントサイトを利用すべしよくお世話になっていたのが、モッピークレジットカードを作ったりするとポイントがもらえてしまうというもの。 1ポイント＝１円現金での銀行振込や dポイントやマイル、アマギフなどに交換できます。例えば、このような案件 ↓ 大体…

ネットで話題

205ブックマーク「HTMLでは環境依存文字（①や©など）を文字参照にしなければいけない」という誤解と、本当に置換すべき文字

zenn.dev

116ブックマーク文字参照 - Wikipedia 文字参照（もじさんしょう、英: character reference）とはHTMLなどのSGML文書においては、直接記述できない文字や記号（マークアップで使われる、半角の不等号「<」や「>」など）を表記する際に用いられる方法である。SGML構成素のひとつとして定義されており、文書文字集合中の文字を参照する為の手段を提供する。HTML...

ja.wikipedia.org

80ブックマーク文字参照一覧 | references | CYBER@GARDEN

www.cybergarden.net

77ブックマーク数値文字参照用変換スクリプト数値文字参照変換スクリプト Javascriptの使える環境で、変換したい文字をテキストエリア(入力)に記述し、10進数のhtml数値文字参照に変換したいのであれば10進数のhtml数値文字参照とかかれたボタンを、16進数のhtml数値文字参照に変換したいのであれば16進数のhtml数値文字参照と書かれたボタンを押下して下さい。例え...

www.phezzan.net

61ブックマーク Extensible Markup Language - Wikipedia #文字参照

ja.wikipedia.org

61ブックマーク perl - 文字参照を(en|de)codeする : 404 Blog Not Found

dankogai.livedoor.blog

53ブックマーク文字化けしない中国語ホームページの作り方（文字参照を使った方法） | どんと来い、中国語尚、この変換ツールは中国語の漢字だけでなく、ピンイン文字や日本語、またハングル文字など、あらゆる文字を立ち所にして「文字参照」に変換します。多言語のホームページに役立ててください。日本語の「髙」や「﨑」なども変換できます。（基本的なabcやスペース・改行などは変換しない仕様になっています）文字が点...

dokochina.com

35ブックマーク入力時に文字参照に変換するのがよろしくない理由 | 水無月ばけらのえび日記「Twitterのクロスサイト・スクリプティング(XSS)対策は変だ (www.tokumaru.org)」。文字参照に変換した状態で DB に格納しているというのは、けっこう良くある話だろうと思います。この手のエスケープしすぎによる化けは、twitter に限らず、よく見かけますので……。 ※HTML のエスケープに限らず、入力欄に \ を入れて検...

bakera.jp

31ブックマーク Javascriptで数値文字参照の値を求める方法具体的なJavascriptのコードは、このページのHTMLソースを見ていただいければ分かりますが、charCodeAtメソッドを用います。HTMLのヘッダー部分に、左のようにConvertという自作関数を定義しています。意外と簡単な仕組みになっています。 Javascriptの関数定義の部分は、左のテキストボックスの中に記したコードのよう...

www.securehtml.jp

関連ブログ

Flatt Security Blog•1ヶ月前

SQL/コマンドインジェクション、XSS等を横串で理解する - 「インジェクション」脆弱性への向き合い方

こんにちは、@hamayanhamayan です。本稿ではWebセキュリティに対する有用な文書として広く参照されているOWASP Top 10の1つ「インジェクション」について考えていきます。色々なインジェクションを例に挙げながら、どのようにインジェクションが起こるのかという発生原理から、どのようにインジェクションを捉え、より広くインジェクションの考え方を自身のプロダクト開発に適用していくかについて扱っていきます。 SQLインジェクションやコマンドインジェクション、XSSのようなインジェクションに関わる有名な手法について横断的に解説をしながら、インジェクションの概念を説明していきます。初めて…

クルマ好きの楽しいブログ•1ヶ月前

コマンドプロンプトで使える裏技や小ネタ2選

今回は、コマンドプロンプトで使える小ネタを紹介します！ 1. 「コマンドプロンプト」の省略形 2. 呪文みたい！？「ディレクトリ」を大量表示する裏技コマンドプロンプトのアプリの色を変えるまとめ 1. 「コマンドプロンプト」の省略形画面左下にある窓のマーク。Windwsには必ず出てくるはず。そこを押して、検索バーがある。そこにいちいち「コマンドプロンプト」と入力するのは、ダルい。だから、省略して入力し、省略して入力しちゃおう！略して「cmd」を利用できる。そう検索ボックスに入力すれば、コマンドプロンプトが一番上に、検索結果として出力される。 2. 呪文みたい！？「ディレクトリ」を大量表示…

HiroCom777の学習記録•3ヶ月前

データ操作(Python_03)

この連載では、Pythonについて色々な形で再学習に取り組んでいます。前回の記事はこちらになります。 hirocom777.hatenadiary.org 現時点で確信が持てるわけではないのですが、Pythonでは操作対象がデータ自体だということが1つの肝ではないのでしょうか。それでは早速データを操作してみましょう。算術演算子と累算代入演算子 Pythonにも他のプログラミング言語同様に加減乗除の算術演算子（+,-,*,/）があります。その他にも余り（%）、べき乗（**）、整数除算（//）があります。特筆すべきは整数除算ですね。他の言語であまり見かけない気がします。 print(5//2)…

以太以外•3ヶ月前

所以129

浮遊臓器私の場合は母を通じて母方の祖母から恩恵をうけることが多かった。母系的な名残りが私の子供のころまでは家の中の秩序に見られたのである。（宮本常一『忘れられた日本人』岩波文庫）文芸テクノクラート内閣が全員男性に見えてもそのほとんどが同性愛者かクィアかもしれない。人を見かけだけで判断してはいけない。文芸の審査員は偏って見えなければいけない。全員男性に見える、とか。公平さを主張するのは応募者へ失礼だし欺瞞だ。文芸の選は偏って見えるべきだ。本当に偏っているかどうかは別として。文芸テクノクラート養成講座グラムシの陣地戦とヘゲモニーや南北朝時代の二条派と京極派や文学社会学などを講義。 …

st98 の日記帳 - コピー•3ヶ月前

Mapna CTF 2024 writeup

あけましておめでとうございます。1/21から1/22にかけてASISが開催していたMapna CTF 2024に、BunkyoWesternsとして参加した。結果は1位で嬉しい。 Web問は6問が出題されていたけれども、うち4問は私が取り掛かる前にSatokiさんがすでに解いていたし、1問は競技時間内に解ききれなかったしで、個人としてはPurifyという1問のみを解いた。 [Web 398] Purify (4 solves) [Web 398] Purify (4 solves) I think I downloaded the wrong DOMPurify. Website: (URL …

めモらンだム・ヤード•4ヶ月前

2020-01-18 (iOS/iPadOSショートカット単体で、Webページ以外でJavascriptを動かす)

メモ作成: 2020-01-18 メモ更新: 2024-01-08 かなり前のことで確かではないがRedditで見つけたはずの、この『「WebページでJavascriptを実行」アクションを使わない、Data URIスキームを使ったJavascript実行方法』は、OSのアップデートを乗り越えて現在でも有効そうだ。(2020-01-18現在) 例: ショートカット「数値文字参照に変換」 https://www.icloud.com/shortcuts/4006803edf294cbc9219826353c2d901 (return〜の行と、次の {t};`; は表示上2行に分かれているいるだ…

ひとりでのアプリ開発 - fineの備忘録 -•4ヶ月前

Web開発 - HTMLとは

初めに本記事はHTMLはどのようなものか、概要をまとめます。

program-htmlの日記•6ヶ月前

ルート要素と文章のメタデータ[02]-プログラミング・本のブログ

自身のアウトプットも兼ねてつれづれと書き続けるブログ。 HTML解体新書ー仕様から紐解く本格入門 [ 太田良典 ] 前回からの続きです。ルート要素と文章のメタデータ[02] base要素 <base> base要素は、基準URLやリンク先を表示するデフォルトのウィンドウターゲットを指定します。この要素はなくても良いですが、記述する場合１つしか存在してはなりません。【コンテンツモデル】 Nothingです。内容を持つことが出来ず、終了タグを書くこともできません。【属性】 href属性：基準となるURLを指定します。下記の例ですとaタグにnekonikoban.htmという相対URLが書か…

program-htmlの日記•6ヶ月前

ルート要素と文章のメタデータ[01]-プログラミング・本のブログ

自身のアウトプットも兼ねてつれづれと書き続けるブログ。 HTML解体新書ー仕様から紐解く本格入門 [ 太田良典 ] 前回からの続きです。ルート要素と文章のメタデータ[01] html要素 <html></html> html要素はHTML文章でもっとも上位に出現する要素です。他のすべての要素は、この要素の子孫となります。このように文章の最上位に出現する要素をルート要素（root element）といいます。【コンテンツモデル】 head要素１つ、その後にbody要素１つとなります。【属性】 lang属性：ページ全体の言語を指定する。 <html lang="ja"> xmlns属性：H…

コミュ障だから明日が僕らをよんだって返事もろくにしなかった•6ヶ月前

挨拶は大事

挨拶が大事であることは古事記にも書かれているので実際大事はい、おはようございます。僕です。今日もハローワールドしていきたいと思います。世の中の挨拶がわかる画期的なAPIがあったのでそれ使って日々挨拶を覚えていこうと思うんだ。時代は多様性の時代だからどんな言語でも挨拶はできないといけないからね。ということでこんなの作ってみた。 GitHubはこちら。 GitHub - stefanbohacek/HelloSalut: Hello as a service 利用できる言語は随時更新とのことです。作ってて気づいてしまったのですが一部の文字が数値文字参照になっているのでちゃんと使うにはもうひと手間…

program-htmlの日記•7ヶ月前

文字参照-プログラミング・本のブログ

自身のアウトプットも兼ねてつれづれと書き続けるブログ。 HTML解体新書ー仕様から紐解く本格入門 [ 太田良典 ] 前回からの続きです。文字参照の概要[06] 文章にHTMLのタグを書くと、タグとして認識してしまいます。 <p>説明文<h1>タイトル</h1>終わり</p> 文章に<h1>と表示するには文字参照（character reference）という仕組みを利用することで、文字をマークとして認識されないように出来ます。 <p>説明文<h1>タイトル</h1>終わり</p> <という文字の代わりに＆ltと書きました。これが文字参照です。＆ltは<に置き換わります。このよう…

hatebcustom•7ヶ月前

【参照用】HTMLエンティティ：「 」とか「:」とか

.entry-content .cell code{font-size:16px}table .cell{text-align:center}.font-shitei.cell{font-size:20px;font-weight:600;color:#d32f2f;background:lightcyan} HTMLエンティティは、アンパサンド&で始まりセミコロン;で終わるテキストの一固まりで、主に予約済み文字や見えない文字の表示に用いられます。ウェブ開発者はHTMLドキュメント内で特別な文字や記号を正確に表現し、プログラムやコンピューターが文字を認識できない場合でも表示を保証するためにH…

BingLog2023•7ヶ月前

0615_プログラムコードのお皿のような空白フォント

0615_プログラムコードが掲載されている書籍では、半角空白をお皿のような記号で表示しています。この記号に名前がありますか？Unicodeの文字コードも教えて下さい。はい、その記号には名前があります。それは空白記号と呼ばれ、コマンドやプログラミング言語でのスペース入力を表す目的で使われます¹。Unicodeの文字コードはU+2423です¹²。HTMLの文字参照は␣または␣です²。ソース: Bing との会話 2023/9/9 (1) 空白記号 - Wikipedia. https://ja.wikipedia.org/wiki/%E7%A9%BA%E7%99%BD…

心を楽に、シンプルライフ•8ヶ月前

【家庭学習＊小6長男の変化】得意科目しかしなかった子が、苦手科目も取り組む子に成長

家庭学習、小6長男の変化こんにちは。【暮らしと家庭学習を整える】ayakoです。 ▼現在小学6年生の長男、遊びが大好きで、勉強では算数が好きです。今年の夏休みも、スキあらば色んなおもちゃで遊んでおりました。（長男が1番派手に遊ぶため、片付けも大変。苦笑） ▼前回は小3次男の変化を書きました。 www.simple-home.net 次男とは性格が全く違う長男。家庭学習において決定的な違いは、わりと自我が強いところでしょうか。自我って、ある方がもちろんいいのです！！・・が、しかし。 ▼強すぎると少々厄介なこともありまして。（汗）親が言ったことを、そのままやるのは好きではない好きな科…

参照

人力検索はてなより

関連ブログ

資金調達をする

ネットで話題

関連ブログ

SQL/コマンドインジェクション、XSS等を横串で理解する - 「インジェクション」脆弱性への向き合い方

コマンドプロンプトで使える裏技や小ネタ2選

データ操作(Python_03)

所以129

Mapna CTF 2024 writeup

2020-01-18 (iOS/iPadOSショートカット単体で、Webページ以外でJavascriptを動かす)

Web開発 - HTMLとは

ルート要素と文章のメタデータ[02]-プログラミング・本のブログ

ルート要素と文章のメタデータ[01]-プログラミング・本のブログ

挨拶は大事

文字参照-プログラミング・本のブログ

【参照用】HTMLエンティティ：「&nbsp;」とか「&#058;」とか

0615_プログラムコードのお皿のような空白フォント

【家庭学習＊小6長男の変化】得意科目しかしなかった子が、苦手科目も取り組む子に成長

【参照用】HTMLエンティティ：「」とか「:」とか