lang 属性のテスト

tenkao

2012-02-19 01:19:57

License: MIT License

Fork: 0

Fav: 1

View: 367

Play
Stop
Reload

Fullscreen

Smart Phone

Readme
JavaScript 23 lines
HTML 45 lines
CSS 5 lines

lang 属性のテスト
jQuery v1.7.1

<h1 id="h">This document has no lang attribute.</h1>
<div id="htmlLang">
    <label for="langSelect">HTML lang:</label><br>
<select id="langSelect">
    <option value="">no lang attribute</option>
    <option value="en-US">en-US - English 英語</option>
    <option value="ja">ja - Japanese 日本語</option>
    <option value="fr">fr - French フランス語</option>
</select>
</div>
<hr>
<p>this paragraph has no lang attribute.</p>
<p>この段落には lang 属性がありません</p>
<hr>
<p lang="en-US">this paragraph has lang attribute "en-US".</p>
<p lang="en-US">この段落の lang 属性は "en-US" です。</p>
<hr>
<p lang="ja">this paragraph has lang attribute "ja".</p>
<p lang="ja">この段落の lang 属性は "ja" です。</p>
<hr>
<p>インライン要素に <span lang="en">lang</span> 属性をつけてみる。<br>
    <span lang="en-US">span[lang=en-US] 英語 Anglais</span><br>
    <span lang="ja">span[lang=ja] 日本語 japonais</span><br>
    <span lang="fr">span[lang=fr] フランス語 français</span>
</p>
<hr>
<h2 lang='en'>more languages</h2>
<ul>
    <li lang="ar">ar アラビア語 Arabic العربية</li>
    <li lang="de">de ドイツ語 German Deutsch</li>
    <li lang="el">el ギリシャ語 Greek ελληνικά</li>
    <li lang="en">英語 English</li>
    <li lang="en-UK">英語（イギリス） English United Kingdom</li>
    <li lang="en-US">英語（アメリカ）English United States</li>
    <li lang="es">es スペイン語 Spanish español</li>
    <li lang="fr">fr フランス語 French français</li>
    <li lang="it">it イタリア語 Italian italiano</li>
    <li lang="ja">ja 日本語 Japanese</li>
    <li lang="ko">ko 韓国語 Korean 한국어</li>
    <li lang="la">la ラテン語 Latin </li>
    <li lang="ms">ms マレー語 Malay Melayu</li>
    <li lang="ru">ロシア語 Russian русский</li>
    <li lang="zh-CN">中国語（簡体） Simplified Chinese 中文 简体</li>
    <li lang="zh">中国語（繁体） Traditional Chinese 中國傳統</li>
</ul>

lang 属性のテスト

VoiceOver などのテキストリーダー、音声ブラウザで読み上げる際、lang 属性によって言語が切り替わるのか。 http://bonpworks.tumblr.com/post/17833038607/voiceover-html-lang iPhone と iPad の VoiceOver の場合、言語ローターで特定の言語を選択しないデフォルトの設定で使用すると、各要素の lang 属性の言語で読み上げました。 Mac OSX 10.7 Lion の VoiceOver の場合、VoiceOver ユーティリティで選択した言語で全て読み上げました。他の環境、アプリーションではどうなのか教えて頂けると有難いです。$(function() { function setLangAttr(lang) { $('html').attr('lang', lang); if (lang) { var t = 'This document has lang attribute "' + lang + '".'; } else { var t = 'This document has no lang attribute.'; } $("#h").html(t); } $('#htmlLang').show(); $('#langSelect').change(function() { var $select = $(this); $('option:selected', $select).each(function() { var $opt = $(this); var lang = $opt.attr('value'); setLangAttr(lang); }); }); });<h1 id="h">This document has no lang attribute.</h1> <div id="htmlLang"> <label for="langSelect">HTML lang:</label><br> <select id="langSelect"> <option value="">no lang attribute</option> <option value="en-US">en-US - English 英語</option> <option value="ja">ja - Japanese 日本語</option> <option value="fr">fr - French フランス語</option> </select> </div> <hr> <p>this paragraph has no lang attribute.</p> <p>この段落には lang 属性がありません</p> <hr> <p lang="en-US">this paragraph has lang attribute "en-US".</p> <p lang="en-US">この段落の lang 属性は "en-US" です。</p> <hr> <p lang="ja">this paragraph has lang attribute "ja".</p> <p lang="ja">この段落の lang 属性は "ja" です。</p> <hr> <p>インライン要素に <span lang="en">lang</span> 属性をつけてみる。<br> <span lang="en-US">span[lang=en-US] 英語 Anglais</span><br> <span lang="ja">span[lang=ja] 日本語 japonais</span><br> <span lang="fr">span[lang=fr] フランス語 français</span> </p> <hr> <h2 lang='en'>more languages</h2> <ul> <li lang="ar">ar アラビア語 Arabic العربية</li> <li lang="de">de ドイツ語 German Deutsch</li> <li lang="el">el ギリシャ語 Greek ελληνικά</li> <li lang="en">英語 English</li> <li lang="en-UK">英語（イギリス） English United Kingdom</li> <li lang="en-US">英語（アメリカ）English United States</li> <li lang="es">es スペイン語 Spanish español</li> <li lang="fr">fr フランス語 French français</li> <li lang="it">it イタリア語 Italian italiano</li> <li lang="ja">ja 日本語 Japanese</li> <li lang="ko">ko 韓国語 Korean 한국어</li> <li lang="la">la ラテン語 Latin </li> <li lang="ms">ms マレー語 Malay Melayu</li> <li lang="ru">ロシア語 Russian русский</li> <li lang="zh-CN">中国語（簡体） Simplified Chinese 中文简体</li> <li lang="zh">中国語（繁体） Traditional Chinese 中國傳統</li> </ul>body { background-color: #fff; font: 13px sans-serif; } #htmlLang { display: none; }

Play on jsdo.it games
Share
Embed
QR
Tag
Download

Complete!

Description どんなゲームですか？

Control Device

	スマートフォンコントローラー jsdo.it WebSocket Controller»
	マウス
	キーボード
	タッチデバイス

Fullscreen

有効
無効

jsdo.it games から削除する Submit

style

Design view
Code view

code

<script type="text/javascript" src="http://jsdo.it/blogparts/jt4E/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/tenkao/jt4E" title="lang 属性のテスト">lang 属性のテスト - jsdo.it - share JavaScript, HTML5 and CSS</a></p>

QR Code