[html] タグが付いた質問

HTML(エイチティーエムエル)とは、ウェブ上の文書を記述するためのマークアップ言語である。文章の中に記述することでさまざまな機能を記述設定することができる。

1,424 件の質問
絞り込み
並べ替え
タグ付けされた
3
1 回答
2,001 閲覧数

ステータスバーの背景色、文字色について

Monacaでハイブリッドアプリの作成に挑戦している者です。 現在はiPadにて動作検証をおこなっているのですが、そこでステータスバーの表示について悩んでいます。 アプリの背景色は白のため、ステータスバーの文字(時刻や電池残量、電波状況など)は黒字で表示して欲しいのです。 iPad上のMonacaデバッガーで見ると、ステータスバーの文字は黒いのですが、iOS用にアプリをビルドし(デバッグビルド)、...
POS POS's user avatar
  • 43
3
1 回答
1,283 閲覧数

monacaで設置されているグーグルマップアプリを開く方法

monacaでアンドロイドとIOS両方を支援するハイブリッドアプリを開発しています。 リンクを押すと現在地と目的地の座標を渡して設置されているグーグルマップが開かれるようにし、渡された座標でグーグルマップのナビが実行されるようにしたいんです。 現在は window.open('http://maps.google.com/maps?saddr=' + start + '&daddr='...
Kim's user avatar
  • 93
3
1 回答
502 閲覧数

jqueryで要素の属性で絞り込む方法はありますか?

html <a href="hoge">1</a> <a href="huga">2</a> <a href="hogehoge">3</a> <a href="hugahuga">4</a> jquery $('a').onAttr('href', 'hoge'); // ...
user7339's user avatar
  • 333
3
1 回答
546 閲覧数

自作メモ帳アプリの内容を、 Twitter やFacebook でシェアする方法

Monacaでメモ帳アプリを開発している者です。 以下のような記述のメモ帳アプリを作っているのですが、保存したメモの内容を Twitter やFacebook でシェアできる機能を加えたいと思っています。 Detail Page 内への記述だと思うのですが、どのように書いたらよいでしょうか。 ご教授の程、どうぞよろしくお願い致します。 ~~~index.html~~~ <!...
nozomi177's user avatar
3
1 回答
583 閲覧数

html要素のアニメーションをgifとしてキャプチャしたい

htmlのある要素をcanvasに書き出しそれをサーバへpostする処理はhtml2canvas.jsを用いて可能になっています。 この時htmlにアニメーションがあった場合は、アニメーションgifとしてpostしたいと考えていますが、可能でしょうか?
Taizan Yonetuji's user avatar
3
1 回答
312 閲覧数

pythonを使ってChrome上でHTMLファイルを開く

pythonを使って、Chrome上でHTMLファイルを表示しています。 HTMLファイルのパスに"#"があると、手動で開く時は問題がないのに、pythonからですと、 ファイルにアクセスできませんとChrome上で表示されてしまいます。 "#"をパスから取り除くと、pythonからちゃんと開けます。 pythonでは、ファイルパスに”#”...
DenDen's user avatar
  • 43
3
1 回答
119 閲覧数

Pythonで大学ランキングのスクレイピング

pythonで以下のページをスクレイピングし、大学ランキングのoverall、他要素を抽出しようと思っています。 https://www.topuniversities.com/university-rankings/university-subject-rankings/2020/arts-humanities selenium BeautifulSoupを用いてコードを書いたのですが、...
nonames's user avatar
  • 31
3
0 回答
1,028 閲覧数

html5で画像をペーストできるエリアを作りたい

html5で、テキストエリアに画像をペーストできる枠を作ることはできますか? iPhoneのメモ帳には画像をペーストできますが、あのようなイメージです
walker33's user avatar
3
2 回答
2,137 閲覧数

apache: メンテナンス画面(RewriteEngine)へCSSファイルを適用させたい

メンテナンス画面(RewriteEngine)へCSSファイルを適用させたいのですが、上手くいきません。 (メンテナンス時のhtmlは表示されています。) また、直接メンテナンス用htmlファイルをダブルクリックし、立ち上げるとcssは適用されています。 適用させたいcssファイル名は import.css です。 階層 htdocs-maintenance.html -css-...
aspara_prime's user avatar
  • 1,316
3
1 回答
506 閲覧数

リキッドレイアウト × 幅の異なる画像 × 横並び の場合の高さの調整方法

リキッドレイアウトでHTMLを組んだ際に、画像サイズも自動的に縮小されて欲しいと思い、widthにパーセンテージを指定しました。 幅の異なる画像を隙間なく並べた場合に、縮尺の関係から縦幅がずれてしまい見栄えがよくありません。 この現象を解消したいのですが良い方法はありますでしょうか。 全体的にリキッドレイアウトにしたいので、heightに具体的なサイズを指定することはできません。 ...
html-mail-man's user avatar
3
0 回答
147 閲覧数

Gulpで建てたサーバのページがキャッシュされている?

Gulpを使って8000番ポートでサーバーを立てて作業していたのですが、そのあとで他のプロジェクトを同じ8000番ポートでGulpでないサーバーを建てると以前のプロジェクトのhtmlが読み込まれ、新しいプロジェクトのテンプレートが一部表示されなくなってしまいました。 表示されなくなったURLは/ルートです。直し方を教えて下さい。 gulpfileは以下のようになっています。 1 var ...
StackDestroyer's user avatar
3
0 回答
351 閲覧数

Rails アプリのCSSが効かなくなります。

Rails4で作成したアプリをHerokuにデプロイすると、CSSが効かなくなります。 デプロイした時はCSSが効いていても、数時間後あるいは翌日にアクセスするとCSSが効かなくなっています。これはどういうことなのでしょうか?ずっとこのような事態が続いています。 また効かないといっても完全に効かないというわけではなさそうです(99.5%のCSSは効いていませんが)。キャッシュの問題なのですかね?...
こうた's user avatar
3
0 回答
309 閲覧数

iframeで読み込まれる側のページのリファラーは、常に読み込む側のページとなる?

iframeで読み込まれる側のページに、PHPで $_SERVER["HTTP_REFERER"] と記述した場合、取得できる値は、常にiframeを読み込む側のページとなるのでしょうか? ・例えばブックマーク経由でアクセスした場合でも、常にリファラーを取得可能? ・ブラウザ間に差異はない? ・ここら辺の仕様はどこで定義されているのでしょうか?
re9's user avatar
  • 6,714
3
0 回答
539 閲覧数

fieldset タグに対する An invalid form control with name='xxx' is not focusable. エラー

Chrome で以下のフォームをサブミットすると、コンソール上に An invalid form control with name='foo' is not focusable. エラーが表示されました。 なぜ fieldset に対してこのエラーが出るのでしょうか? <form name="test"> <fieldset name="foo"> <...
wiro34's user avatar
  • 31
3
1 回答
353 閲覧数

iPhone Safariの下部連打でスクロールする現象の対策

iPhone Safari全般において、画面下部あたりを連打していると ちょっとずつ下にスクロールしていってしまいます。 ゲームのUIを作っていて、下部にボタンがあるため連打で下に動いて困っています。 この挙動を制御する方法があればアドバイスお願いします!
R-sk's user avatar
  • 71
3
0 回答
1,297 閲覧数

ファイルを添付してメールを送信したい

monaca利用でアプリ開発中です。 アプリ内でメールを起動してファイル添付したいのですが、やり方がわかりません。 メールを起動して件名、本文等を記述して送信するというのはこちらで教えていただいてできました(mailtoなどの利用)。 下記プラグインのDraft with Attachmentも試してみたのですが端末で反応しません(monacaプレビューでも反応なし)。 https://...
Tomoko Sato's user avatar
2
2 回答
2万 閲覧数

webサーバにあるpdfをブラウザで表示したいです。

pdfファイルをダウンロードするのではなくブラウザのタブ表示をしたいのですが、以下同じコードで、pdfファイルをブラウザ表示できるサイトとどうしてもダウンロードしてしまうサイトがあります。 サーバ環境によるのでしょうか? <p><a href="/pdf/abc.pdf" target="_blank"><font>&nbsp&nbsp</...
Yusuke Fujita's user avatar
2
1 回答
6万 閲覧数

script タグの type="text/javascript" の有無による違い

下記コードでscript type="text/javascript"とやるのとscriptとでやるのでは結果が同じになりますが、両者はどのように使い分けるのでしょうか。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>あいうえお商店&...
kazu's user avatar
  • 529
2
3 回答
265 閲覧数

HTMLのリンクを左クリックするとJavaScriptが実行されるのに、右クリックしてから新しいタブで開くとJavaScriptが実行されないのはなぜ?

下記コードで、HTMLのリンクを左クリックするとJavaScriptが実行されるのに、リンクを右クリックしてから新しいタブで開くとJavaScriptが実行されないのはなぜ? function hoge(a,d){ var form = document.createElement('form'); document.body.appendChild(form); var ...
re9's user avatar
  • 6,714
2
2 回答
671 閲覧数

favicon.ico と Webサイトの表示度速度について

Q1. ・下記コードを記載している場合のみ、favicon.icoを探すと思っていたのですが、この認識で合っていますか? <link rel="icon" href="https://example.com/favicon.ico"> Q2 ・favicon.ico を設置していない場合、ブラウザはfavicon.ico を探す? 探さない? Q3 ・favicon.ico ...
re9's user avatar
  • 6,714
2
4 回答
277 閲覧数

”url(http://exapmle.com)”からurlを取り出すスマートな方法。

現在は str = "url(http://exapmle.com)" str.split("(")[1].split(")")[0] => "http://exapmle.com" 等としていますが、もうちょっとスマートな方法があるような気がします。
Taizan Yonetuji's user avatar
2
2 回答
4,083 閲覧数

firstChild で取得した子要素の innerHTML が undefined になっている

ボタンを押下後、エレメントの最初の子要素を取得し、その要素の内容(例:a)をダイアログで表示したいのですが、undefinedと表示されます。どう修正すればよろしいでしょうか。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>...
kazu's user avatar
  • 529
2
6 回答
9,610 閲覧数

JavaScriptやCSS内に記述するファイルへの絶対パス(フルパス)について教えてください。

CentOS(Linux)のお話になりますが、異なるディレクトリにあるHTMLファイルや PHPファイルから参照できるように、JavaScriptやCSS内に記述されている 相対パスを絶対パスに変更したいです。 つまり、例えばJavaScriptだと、 $("#size_s img").attr("src","common/img/XXXXXXX.gif"); と記述されているのを、 $("...
Web_beginner's user avatar
2
3 回答
166 閲覧数

複数行のテキスト:positionで場所固定すると、全行にあった下線が消えてしまう

2行以上あるテキスト文に対して、全行に下線をつけたいです。 下記コードでつけることはできました。 .test{ display: inline; background:linear-gradient(transparent 60%, #f940bc 0%); } <div class="test">1行目です<br&...
pepe's user avatar
  • 39
2
1 回答
207 閲覧数

エンコーディングされている文字コードはどのように確認できますか?

python3.xにおいて、urllib.requestモジュールを使用して、得られたデータをutf-8でデコードしたところ以下のようなエラーが発生しました。 f = urllib.request.urlopen('http://www.google.com') text = f.read().decode("utf-8") Traceback (most recent call last): ...
kou yoshi's user avatar
2
2 回答
6,121 閲覧数

liの高さが中身のimgの高さより大きくなる。

liの高さが中身のimgの高さより大きくなりますが なぜなのでしょうか? インスペクターでも 高さが166になっています。 中身の画像の高さは160pxなのに、 liの高さは166pxになってしまいます。 *{ margin:0; padding:0; } として、リセットしてもいるのですが。 liの高さ:166px imgの高さ:160px <...
aqua's user avatar
  • 1,049
2
2 回答
519 閲覧数

PHPのif文の構造について教えていただきたいことがあります。

いつもお世話になっております。 Web系超初心者のWeb_beginnerです。 HTMLに埋め込まれたPHPのコードで構造が分からない箇所があります。 <td><?php if ($zzData['zipcode']) echo '〒' .$zzData['zipcode'] .' '; echo $zzData['prefecture'] .$zzData['...
Web_beginner's user avatar
2
3 回答
3,257 閲覧数

画像要素を他の要素より先に表示させる方法

現在WEBページを運営しておりますが、初回読み込み時に背景→テキスト→画像の順番で表示されます。 テキストはWeb Fontで、画像はjQueryを使用していますので、個人的には納得(CDNとキャッシュを利用して2回目以降の読み込みはいたって快適)していたのですが「せめてヘッダー画像だけでも先に表示できないか」との要望を受けてしまい現在困っております。 画像の軽量化/...
名も無いWEB屋's user avatar
2
2 回答
142 閲覧数

WebBluetooth APIにて21文字以上のデータをmicrobitへ送信できない

概要 WebBluetooth APIを用いたBLE通信を介して、ブラウザ上(HTML&javaScript)からmicro:bit(MakeCode)にデータを送る際に、何故か21文字(終端文字含む)以上のデータをmicro:bitに送ることができず、困っています。 検証 ブラウザ側のコードの全文はこちらです。 https://gist.github.com/henjin0/...
Inoue Minoru's user avatar
2
1 回答
225 閲覧数

h1のfont-sizeは親要素を継承しないのでしょうか?

下記のコードを書いてみました。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> html { font-size: 10px; } </style> &...
shingo.nakanishi's user avatar
2
2 回答
2,959 閲覧数

CSS のwidth定義(%指定)について、親要素・兄弟要素との関係をおさらいしたい

文面を改めました。 td要素にlabel要素を含む列で、当該td列の幅を超える文字数が格納されると、現況は幅が自動拡張されてしまいます。(文字が見切れた表示を期待していますが) 以下現況のHTMLであり ・上から3つ目のTDが問題の列で、divで囲み、Overflowの定義を追加したものの状況は変わりません。 ⇒どういった対策が適策ですか?ちなみにtableにtable-layout: ...
saya24's user avatar
  • 545
2
1 回答
1,799 閲覧数

ブラウザで同じ画面を共有する方法

ブラウザーで以下のような特徴を持ったWEBサービスがあるのですが、 どのような技術を使えばできるのか、わかりましたら教えて下さい。 知人が作ったウェブサービスですが、当人が音信不通で要素技術がわかりません。 ----WEBサービスのイメージ---- ブラウザー上で同じ画面を共有し、 離れた二つのPCで画像やカードなどのオブジェクトの動きを共有します。 画面はキャンバスのようになっており、 ...
YMAC's user avatar
  • 63
2
3 回答
1,138 閲覧数

記事投稿サイトで、iframeタグの投稿を許可することは危険ですか?

ユーザーが記事を投稿できるようなサイトで、youTubeなどの動画サイトの動画を貼り付けできるようにiframeタグを許可したいのですが、それはセキュリティ的に見て危険でしょうか? 危険ならば何か対策などありますでしょうか。 ちなみにサイトはrailsで開発しています。 よろしくお願いします。
yuya's user avatar
  • 475
2
1 回答
100 閲覧数

兄弟要素がない場合、CSSかJavascriptで指定要素を非表示にできますか?

現在のhtml <main> <h2>あ</h2> <section></section> <section></section> <section></section> <h2>い</h2> <section></...
re9's user avatar
  • 6,714
2
1 回答
108 閲覧数

Javascriptのプロパティ名に「-」が有ると正常にコードが実行できない

以下のコードをブラウザーのコンソールで実行しようとしたところ、-で区切られて認識されてしまい、正常にコードが実行できませんでした。対策方法を知りたいのですが、教えていただけないでしょうか? document.example-form-name.submit()
js初心者's user avatar
2
1 回答
249 閲覧数

独自の HTML タグはどのように使われる?

サイトのページのソースを見ていると時々オリジナルのタグ?を使用しているのを見かけますが、何のためにそのようにしているのでしょうか。 また、独自タグで書いた場合タグとしての機能はないのでしょうか。それともどこかで定義をしてあり、意味を持っているのでしょうか。 具体例で言いますと、メルカリで以下のようなタグを使っていました。 <mer-heading class="...
mayu's user avatar
  • 31
2
2 回答
444 閲覧数

ウェブコンテンツでよく見かけるこの山型マークは画像ですか?テキストですか?

赤で囲った部分ですが、テキストで出力するにはどうすればいいでしょうか? 論理和、論理積記号よりも横長なようですが。
user32639's user avatar
2
1 回答
937 閲覧数

iframe 内でのリンク移動

<p><a href="https://www.google.co.jp/">Google.co.jp</a></p> 上のようなHTMLファイル frame.html が有ったとして、これを下記のHTMLで読み込みました。 <html> <iframe src="frame.html"></frame> &...
user25986's user avatar
2
1 回答
181 閲覧数

dispatchEvent経由でDnDしたい

DnD機能をJavaScriptからテストしたいと考えています. EventTarget.dispatchEvent を利用して dragstart イベントをトリガーさせると、 DataTransfer オブジェクトが生成されず、event.dataTransfer が undefined になってしまい、 マウスによるDnDと同じ挙動になりません. dataTransfer https://...
gocho's user avatar
  • 1,011
2
1 回答
1万 閲覧数

要素のid属性を削除したい

属性の削除についてお尋ねしたいことがあります。 以下にhtml文を載せます。 タグの中にあるid="newsitem"をjavascriptを使用して削除したいのですが、どのようにすればよろしいですか? ご教授よろしくお願いします。 menu.html   <ons-list-item id="newsitem" modifier="tappable" class="...
donadesu's user avatar
2
3 回答
792 閲覧数

ログイン認証付き画像表示

HTMLであればセッション確認によりログイン判定はできます。 しかし画像の部分はログイン判定後のHTMLの中にで記載するのでログイン判定により出し分けはできません。もしくは直リンクでアクセスされたらそのまま表示されます。 画像についてのログイン判定後の出し分けはどのようにすればいいのでしょうか? Googleで調べてみていますがいい記事が見つかりません。ご存知の方はご教示いただけると幸いです。
Ubunkun's user avatar
  • 1,803
2
1 回答
400 閲覧数

入力中のパスワードを表示させつつ半角文字だけに制限したい

JavaScriptでパスワードの表示/非表示を切り替える機能(最近よく見かける目玉マークをクリックして切り替える機能)を作成中なのですが、ネットに出てくる実装方法だと表示中に全角文字が入力できてしまいます。 input.type = 'password'; //非表示にする場合 input.type = 'text'; //表示する場合 ※これだと全角文字が入力できてしまう そのため、...
wacame's user avatar
  • 43
2
1 回答
427 閲覧数

bookmarks.html の仕様書

質問内容 下記ブラウザにはブックマーク(お気に入り)をbookmarks.htmlにエクスポートする機能があります。 Google Chrome Firefox Microsoft Edge Internet Explorer 各々のbookmarks.htmlのフォーマットには類似性があると思いますが、「bookmarks.htmlのWeb標準の仕様書」となるURLがわかりましたら、...
think49's user avatar
  • 441
2
1 回答
68 閲覧数

検索エンジンの検索結果に自サイトの主要コンテンツを表示させる方法を知りたい

自社のホームページを検索すると、トップページのみしか表示されません。 他社様のホームページを検索してみると、トップページ以外の各ページが下段に表示されます。(添付画像) 同じ様に表示させるには、どの様なタグを組み込めば良いのでしょうか。 ご回答をお待ちしております。 参考画像の様に、表示させたいのですが方法をご教示くださるとたすかります。 宜しくお願いします。
かぶきん's user avatar
2
1 回答
2万 閲覧数

cssのセレクタで、divタグ内部の文字列が指定した文字列と一致するときだけ指定する方法を知りたい

下記のやりたいことをjavascriptを使わずにcssだけで実現したい場合、 cssのセレクタはどのように指定すればよいのか教えていただきたいです。 やりたいこと 次のようなdivタグがあったとします。 <div class="hoge">りんご</div> <div class="hoge">ばなな</div> このときに、...
Akiyama Nao's user avatar
2
2 回答
6,486 閲覧数

JSを利用してURLのクエリパラメータの値を取得し、inputのvalueに代入したいです。

大変お世話になっております。 下記のURLはindex.htmlというページのURLになりますが、そのクエリパラメータであるidの値(256)をindex.html内でjavascriptなどを利用して取得し、その下にあるinputのvalueに代入し送信できるようにしたいのですが、(下記の例では、xxxに256が代入されるような設定にしたいです。)...
baseballjapan's user avatar
2
1 回答
4,118 閲覧数

数字以外入力できないテキストボックスを作りたい

<input type="number"> を使った場合、Chrome では数字以外入力できませんが、他のブラウザでは数字以外の文字も入力できてしまいます。(submit時にエラーになりますが) 数字のみが入力可能なテキストボックスを作ることは出来るでしょうか?
jirolabo's user avatar
  • 2,224
2
1 回答
232 閲覧数

HTML5への変換で使用できない文字は?

XMLをXSLTを使用してHTML5に変換しています.使用しているXSLTプロセッサはSaxon 9.1Bです.(古いDITA Open Tooolkitについてくるもの) <xsl:output method="html" encoding="UTF-8" indent="no" doctype-system="...
tmakita's user avatar
  • 1,088