Google画像検索のソースにある見慣れないHTML属性はなんですか？

Google画像検索のソースを眺めてたら見慣れないHTML属性があります。

<div jscontroller="..."> や <a jsname="..."> 、<div eid="..."> などです。

data属性で任意の属性を指定できるのは知っていますが、dataの記述ありません。

これは何の属性ですか？ data属性を使わなくても任意で属性を作れるのですか？

ご存知の方いれば教えてくださいm(__)m

行動規範の内容に同意します

回答2件

ベストアンサー

attr()を使えば実際のHTMLにはない属性をつけることができるので、何かで利用している可能性はあります。

html
1<div></div>

js
1$(function(){
2    $("div").attr("hoge","fuga");
3});

出力結果：

html
1<div hoge="fuga"></div>

完全に追い切れていないので用途まで分かったわけではないですが、
いずれの属性も同じvalueが設定されていて内部のJavaScriptの処理で使われているようですね。
data属性では「data」と冒頭につくルールとなっているため、自由なネーミングでルールを与えたいときに
使えそうかなと。
（その中でも何かしらルールはあるとは思いますが、そこまで把握できてないです。すみません。）

投稿2018/06/15 05:26

m.ts10806

総合スコア80850

退会済みユーザー

2018/06/15 06:18

なるほど、JavaScriptのattrで属性を追加して利用しているのですね。ありがとうございますm(__)m

m.ts10806

2018/06/15 06:20

あくまで「想像」ですけどね。Googleの仕組みなので独自のロジックが存在するかもしれませんが、ブラウザからはそこまでの意図や仕組みを汲み取るのは難しそうです。

行動規範の内容に同意します

mts10806さんのおっしゃる通り、
内部的にJavaScriptでなにかしろの処理をしているのかと思われます。

~~HTMLって、本来、XMLから派生している言語なので、~~
HTMLって、XMLと同じものが元でできた言語なので、
（SGMLと呼ばれるものです）
あらゆる拡張が自由にできるものなんです。
ただ、W3Cによって、規格が統一されているので、
HTMLはそこまで自由にはできないですが、
かといって、自由な属性などを作っても、動くことは動きます。

新しいタグだって、作ることはできます。

html
1<hoge>ほげ</hoge>

とか。
ただし、これはに関しては、当然ブラウザは正しく認識してくれませんし、
W3Cの規格外なので、SEO的にもけっこう減点食らうと思います　笑

ちなみに、そのHTML文章が、webサイトなのか、ページなのかとかを知らせる属性に、prefixというのがありますが

html
1<html lang="ja" xmlns="http://www.w3.org/1999/xhtml" itemscope itemtype="http://schema.org/WebPage" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">