[html5] タグが付いた質問

HTML5 (HyperText Markup Language 5)とは、人間に読解が容易なセマンティックなコーディングを特徴とする、HTMLの5番目のバージョンである。HTML 4.xと比べ、より厳密な文章構造を要求する仕様となっている。また、article(記事)や、section(節)などの特別な意味を持つタグも追加されており、より「文書」としての意味付けを高度化させることが出来るようになっている。なお、ビデオ等のマルチメディアの再生・ドラッグ&ドロップ・オフライン処理等のAPIも追加されている。

絞り込み
並べ替え
タグ付けされた
0
1 回答
261 閲覧数

選択した項目のjsonプロパティのvalueの値を変数に代入し表示したい。

選択した項目の、オブジェクトのプロパティの2つめのデータ(数字)を変数subvalueに代入して、 出力したいのですが、$(x.list)にしてみたり色々しているのですが、うまくできません。 [html] <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8&...
1
1 回答
3,067 閲覧数

<input type="date">に入力中の値を取得することは出来ないのでしょうか

<input type="date">で、画面上で年のみ入力した状態で、ボタンイベントを発火した際に、 画面上に入力中の年の情報を取得する方法はありますでしょうか? 具体的には、以下画像の状態で、messageボタンを押下した際に、「2020」という値を取得する方法が知りたい内容です。 ブラウザのデバッガにて、<input type="date&...
16
3 回答
2万 閲覧数

HTML5でinputタグはformタグで囲う必要はありますか?

検索して下記は見つけましたが、HTML5に関する言及はありませんでした。 inputタグはformタグで必ず囲む必要がありますか? - HTML | 教えて!goo 送信する必要がなければ<form>で囲う必要はないと考えております。 また、<input>タグの内容が変わったこときに、Ajax通信をするという処理であれば、送信処理はformではなくAjaxが行うので、<...
0
1 回答
97 閲覧数

ページ全体 (上下左右) の余白を無くすことができません

現象 出張 - Airbnb のページを模写しておりますが、サイト全体の上下左右に余白ができてしまいます。 ご教授よろしくお願いいたします。 期待値 サイト全体の上下左右の余白を無くしたいです。 再現手順 下記コードを実行すると再現できます。 index.html <!DOCTYPE html> <html lang="en"> <head>...
1
1 回答
211 閲覧数

FooTableの利用について

現在スマホ用の画面構築で、テーブルを可変にする為に FooTableを利用しようとしています。 以下のサイトを参考にしてます。 http://www.webantena.net/javascriptjquery/plugin-footable/ ところが、肝心のソースが手に入りません。 というのも、ここに限らずどのサイトでも最終的にGithubから ダウンロードするように誘導されますが、...
0
1 回答
130 閲覧数

JavaScriptで.valueを使っているのにvalueではなくHTMLタグが返ってくる

前提・実現したいこと JavaScriptを学習中の初学者です。 JavaScript・jQueryで思うような値が返ってこないため、悩んでいます。 発生している問題・エラーメッセージ 下記ソースコードの出力1と出力2が同様の結果を返すと考えましたが、以下のように異なる結果が出力されてしまいます。 出力1: テスト1 出力2: <input class="waypoint"...
3
2 回答
637 閲覧数

javascriptのFileAPIで読み込み途中のデータを取得することは可能ですか?

ブラウザ上で、クライアントPCに保存されている点群データを操作をしようと考えています。 FileAPIで取得したfileオブジェクトを、FileReaderで読み込むことができることはわかりました。 ここからが質問なのですが、FileReaderで読み込んでいるデータを、途中で読み込み処理を停止して、停止した所までのデータを取得・操作することは可能でしょうか? 利用ケースとしては、...
0
3 回答
374 閲覧数

HTMLUnknownElementの仕様は定義されているのでしょうか?されていないのでしょうか?

javascript - HTMLで独自タグを使うのは仕様上問題ないのか - スタック・オーバーフロー 一部引用: DOM の仕様では HTMLUnknownElement という要素が定められていて、不明な要素を扱うことができます。 そのため、現時点では不明な要素を利用しても問題なく動作すると思います。 しかしながら、将来的に新しい要素が追加される可能性があります。...
3
1 回答
142 閲覧数

Webページの横幅はどう決めるべき?

Webブラウザ上で利用する業務アプリを開発しています。 最近のPCやタブレットは1920X1080以上の解像度がありますが Webページとして横幅はどのように決めるべきなのでしょうか。 基礎的なことなのかもしれませんが教えてください。 色々なサイトで書かれていることを見ましたが、950-1000が一般的との記載があったり、 最近は1200PX以上とか。。 どれも感覚的な説明で、...
0
1 回答
303 閲覧数

タブごとに別の計算結果を表示させたい

前提・実現したいこと 開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。 railsとjQueryを使用しており、機能は以下のようなものです。 ・タブ切り替えができる ・どのタブも同じ内容の計算フォームが表示される ・タブごとに時間入力でき、計算結果を表示させることができる なお、計算フォームは部分テンプレートで切り出しています。 発生している問題・...
0
1 回答
600 閲覧数

scriptタグのasyncとdeferプロパティの指定する手順

やりたいこと 目的1.ページ読み込み完了前に実行する(jQueryやグローバルナビゲーションなど)js読込 目的2.ページ読み込み完了後に実行する(クリックしたら一番上までスクロールなど)js読込 Q.下記組み合わせがあると思うのですが、やりたいことをそれぞれ実現するためにはどうすれば良いですか? 目的に応じて、それぞれ2つに分け、js読込を記述しようと考えています。 記述場所 ・</...
0
2 回答
587 閲覧数

Pythonのbs4とrequestsを用いたスクレイピングでsrcsetに対応したい

BeautifulSoup4とRequestsでスクレイピングを行いたいのですが、 srcで検索をしてURLを取得してしまうと、想定よりも小さいサイズの画像ファイルがダウンロードされます。 これはHTMLのimgタグにあるsrcsetの影響です。 おそらく、自身がウィンドウサイズを指定できていないのが原因と考えています。 以上の点を踏まえて、...
1
1 回答
615 閲覧数

<input type="file" accept="..."> の拡張子フィルタで、大文字小文字を区別する方法

htmlでファイルの投稿ボタンを以下のように作りました。 <form> <input type="file" accept=".jpg"> ... </form> windowsのgoogle-chromeでこのボタンを実行してファイル選択ダイアログを開くと、拡張子".jpg" と ".JPG" のファイルが表示されます。 この時、...
1
1 回答
247 閲覧数

phina.jsで当たり判定を取得できない

phina.js Tips集 #当たり判定編 - Qiita 上記サイトを参考にphina.jsライブラリを使用し、下記のコードで四方八方から向かってくる正方形をよけてスコアを稼ぐ避けげーを作ろうと思っているのですが、100行目の if(shape.hitTestElement(sprite)){ var self = this; ...
1
1 回答
903 閲覧数

CSSで空白を挿入する方法

<div class='a'> <span class='b'>1</span> <span class='c'>いい天気</span> <div> このようなhtmlがあって 1いい天気 と表示されます。 これをCSSを編集することで 1 いい天気 のように間にスペースほどの間隔を空けることは可能ですか? (...
0
2 回答
1,646 閲覧数

metaタグ末尾に含まれる / (スラッシュ) に特別な意味はありますか?

metaタグの末尾にスラッシュ(/)が記載されていますが、何か特別な意味はありますか? 省略しても良い? Twitter metaタグより引用: <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@flickr" /> <meta name="...
6
3 回答
5,608 閲覧数

<div>の中の文字列を上下で中央に揃える

htmlでdivの中の文字列を上下で中央にそろえるにはどうすればいいのでしょうか? divの中に文字列があり、text-align: centerで左右は中央になったのですが上下で中央に揃えられません。 div#div1 { text-align: center; height: 400px; width: 600px; border: solid 1px; ...
5
3 回答
1,885 閲覧数

HTML5で画像を回転させると縁にジャギが出てしまう

HTML5で画像を回転させて表示させると、斜めになった画像の縁の部分がギザギザになってしまいます。このジャギを回避する方法はないでしょうか?
-1
2 回答
229 閲覧数

WindowsPC/Androidタブレットで同じWebページを表示したい

WindowsPC/AndroidごとにWebページを用意するのではなく、 両方から1つのWebページを表示したいです。 PCはWebページを参照するだけなのですが、タブレットはHTML5でバーコードをスキャンもさせたいです。 ① WindowsPC/AndroidでWebページを共有する際に発生する問題を教えて下さい。 → レイアウトが崩れたりしませんか?ボタンサイズの問題 etc... ②...
3
3 回答
2,207 閲覧数

jQuery / JavaScriptで、ページスクロール時にアクションを起こしたい

ページをスクロールした時に、スクロールした距離に応じて、オブジェクトの移動や透過をさせたい。パララックス効果についても簡潔な例を知りたい。
0
1 回答
182 閲覧数

bootstrapのdropdownで選択した画像を別の要素に表示させる方法

以下のコードで”newImg_boat”タブに選択後の画像を載せたいのですが、うまくいかず困っています。 コメントアウトしているコードは、あれやこれや試した結果です。2日くらい悩んでいます。 よろしくお願いいたします。 $(function() { $('.dropdown-menu .dropdown-item').click(function() { var ...
0
1 回答
197 閲覧数

onsenuiのons-lazy-repeatで生成したons-list-item内の値を関数に渡す方法について

monaca cloudIDEでアプリ開発をしています ons-lazy-repeatで生成したons-list-itemを列挙するjavascriptを書いているのですが, このlist-itemをタップした際に実行される関数 onclick="js_list2.onClickListItem() に値を2つ以上渡す方法がわかりません(↓...
1
1 回答
1,142 閲覧数

Vue.jsのマスタッシュ構文の中身が反映されないです。どうすれば反映されるのでしょうか?

Vue.jsのマスタッシュ構文の中身が反映されないです。具体的には、messageと表示されます。 どうすれば反映されるのでしょうか?ご教授願います。 以下はHTMLファイルです。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>...
8
3 回答
1万 閲覧数

A4用紙に印刷可能なピクセル数は?

htmlページをブラウザ標準の印刷機能で印刷する場合、縦向きのA4用紙に入る横幅は最大何ピクセルになるでしょうか? css * { box-sizing: border-box; } .test1 { width: 1366px; border: 10px solid red; } .test2 { width: 1280px; border: 10px solid ...
1
2 回答
704 閲覧数

iPhone & FileAPI で日本語タイトルのファイルを利用する方法

環境 iPhone6 UserAgent: Mozilla/5.0 (iPhone; CPU iPhone OS 10_1_1 like Mac OS X) AppleWebKit/602.2.14 (KHTML, like Gecko) Version/10.0 Mobile/14B150 Safari/602.1 iPhone からファイルアップロードを利用するため FileAPI ...
2
1 回答
175 閲覧数

dispatchEvent経由でDnDしたい

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

blurイベントで開始した非同期処理が完了するまでフォーム送信をさせないためには

よろしくお願いいたします。 HTMLでコード入力用のテキストボックス(#item_cd)があります。 javascriptでは、#item_cdのonblurイベントで、入力されたコードからマスタデータを参照して、取得した値から名称の表示や計算を行うような処理を記述しました。 処理はdeferredとpromiseを使って取得~計算までを一連の流れとして記述しています。 また、画面には「登録」...
2
1 回答
4,010 閲覧数

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

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

olの行頭番号をboldにするには??

XMLアーキテクチャにDITA(Wikipediaへのリンク)というのがありまして、それをPDFにしたりHTMLにしたりする仕事をしています.今回はHTML5への変換の質問です. 簡単に言いますと、表題のとおりolの行頭番号にfont-weight:bold;を適用したいのですがやり方がわかりません. まずDITAには作業の手順を示すsteps/stepという要素があります....
1
1 回答
228 閲覧数

VS Codeで開始と終わりの<>を四角く囲まれる挙動を無効化したい

VScodeで開始と終わりの<>を四角く囲まれる挙動が見にくいため、 無効化したいのですが、アドバイスいただけますと幸いです。
4
2 回答
3,614 閲覧数

divタグとsectionタグとarticleタグの違いって何でしょう?

毎度初歩的な質問で失礼します。 タイトルの通り、divとsectionとarticleの違いってなんでしょうか? いろいろググりましたが、とても曖昧にしか理解できずにいます。 divの中にsectionとarticleがある。 sectionは前後関係を必要とする要素で articleは独自に成立する要素。 とざっくりそんな風に理解しています。 コードを書くときは <div> ...
0
1 回答
110 閲覧数

vue-cli 再読み込みすると入力した内容が全てのフォームに反映してしまう。

環境 windows10(64) "vue": "^2.6.10", "vuetify": "^2.1.0", "vue-cli":"3.11.0", "node":"v11.13.0" プログラミング歴 4か月ほど  苦戦しているところ ...
0
2 回答
430 閲覧数

CSSの:hoverでアニメーション設定した要素の中でリンク指定すると、スマホ表示ではどうなるのが正しい挙動?

Q1.下記例でリンククリックした場合、正しい挙動は? ・アニメーションを最後まで動作させてからリンク遷移 ・アニメーション途中でリンク遷移 ・アニメーションせずにリンク遷移 ・アニメーション内容により異なる? html <button class="hoge"> <a href="/">リンク</a> </button> css ....
0
1 回答
1,329 閲覧数

音の再生を重複したくない

ボタン(画像)を押すと音が鳴り、再度押すと止まるサイトを作成中なのですが、再生とストップは出来たのですが、複数ボタンを設置すると、「ボタン1」を再生中に「ボタン2」を押すと1.mp3の音楽再生したまま、2.mp3が再生されてしまいます。 「ボタン2」のボタンを押したら1.mp3は止まるようにしたいのですが、教えて頂けますでしょうか? HTML <span class="...
5
2 回答
2,697 閲覧数

Android ブラウザで `<input type="password">` にフォーカスした時、数字入力モードとしたい

携帯対応のサイトを作成しています。 <input type="password"> にフォーカスしたときに Android の入力モードを数字キーボードに切り替える方法はありますか? ガラケー (istyle, format, mode) および iPhone (pattern="\d*") については数字入力に切り替えられるのですが、...
6
4 回答
1,143 閲覧数

あるhtmlタグについて、それを内包しているタグから見た時に何番目の位置に存在しているのか知りたい

例えば、name属性がtitleであるinputタグを内包しているliタグは、ulタグ内で何番目に位置するか という情報を取得したいとき、どのようなJavaScriptを記述すれば実現できるのか良いアイディアが出ません。 どなたかご教授いただければ幸いです。 <ul> <li><input type="text" name="title"></...
0
1 回答
3,497 閲覧数

画面幅に応じて「指定ブロック要素内のテキストが常に一行」となるようフォントサイズ調整したい

下記div要素を、どのような画面幅でも常に一行となるようフォントサイズ調整したいのですが、どうすれば良いでしょうか? <div><a href="">動的に生成する任意のリンクテキスト</a> 文字列 <a href="">動的に生成する任意のリンクテキスト</a></div>
1
0 回答
80 閲覧数

iOS9.0.2 Safari601.1でAudioContext-BufferSourceを再生するには

タイトルのバージョンの実機を使って、以下のページで音声が再生できるか確認したところ、音声が再生されません。 AndroidとiOSで音を鳴らす - jsdo.it/@59naga(Internet Archive) touchstart直後にplayを実行しないと音声は無効にされる、という以前の仕様が変更になったのでしょうか?
0
1 回答
262 閲覧数

アイコンをマウスホバー時に滑らかに別アイコンに、マウスアウトした際に滑らかに元アイコンに変化させたい

『スニペットを実行』を押して、動作サンプルをご確認いただけますでしょうか。 html { text-align: center; } #check, .fas.fa-check-circle { display: none; } i { cursor: pointer; font-size: 64px; } #check:...
3
1 回答
131 閲覧数

ブロック要素とインライン要素について質問があります

お世話になります。 CSSとHTMLでブロック要素インライン要素の違いを学習しています。 https://60pablog.com/html-block-inline/#CSS http://www.htmq.com/htmlkihon/005.shtml 上二つのサイトを参考にしていますが、ブロック要素インライン要素をCSSで変えられるとかかれていました。 ...
0
1 回答
127 閲覧数

jQuery の :visible に相当するセレクタ

jQuery の :visible に相当するセレクタを CSS で記述する方法はありますか。 たとえば、ボタンが横に複数並んでいる状態で右端のボタンのみ角丸にしたい場合 last-of-type { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } と記述したりしますが、条件によってボタンの表示/...
1
1 回答
593 閲覧数

HTML Living Standard の変更点の見方がわかりません

HTML Living StandardはW3Cで公開されているHTML5.1,HTML5.2のようなマイナーバージョンがなく、常にアップデートされていく仕様かと思います。 HTML Living Standardの公式ドキュメントおよび日本語訳版を見ても、 いつ何が追加になったのか、削除されたのか(差分)がわかりません。 どこを見れば差分がわかるのでしょうか? ...
0
1 回答
1,378 閲覧数

input[type=“file”]でディレクトリ選択した際、Chrome警告表示させない方法はありますか?

質問 <input type="file" multiple webkitdirectory> 上記内容でディレクトリ選択した際、下記Chrome警告表示されるのですが、回避する方法はありますか? 2個のファイルをこのサイトにアップロードしますか? 「hoge」のすべてのファイルがアップロードされます。この操作は、サイトを信頼できる場合にのみ行ってください。 試したこと ...
0
1 回答
92 閲覧数

「HTML5独自データ属性が指定の値である要素」を削除したい

下記で「data-hoge="b"である要素(子要素含む)」を削除したいのですが、該当要素を(jQueryではなく)JavaScriptで選択するにはどうすれば良いですか? <main> <div class=""> <div class=""></div> <div class=""> <div ...
0
2 回答
3,651 閲覧数

input[type="file"]で、(webkitDirectoryを使用せず)ディレクトリを丸ごと選択する方法はありますか?

やりたいこと multiple で複数ファイル選択ではなく、指定ディレクトリ内の全ファイル選択をしたい Q 下記リンク先に「HTMLInputElement.directory」と記載されているのですが何のことですか? HTMLInputElement.directoryとは異なり、このプロパティの値をtrueにしてもHTMLInputElement....
0
1 回答
735 閲覧数

div contenteditable="true"でユーザーに入力してもらった値の渡し方

うまくいかないので教えてください。 まずこの枠内にユーザーに文字や画像を入力してもらいます。 <div id="editor" contenteditable="true"></div> 入力後このボタンをユーザーに押してもらうことをトリガに <input type="buttun" onclick="add()"> jQueryを実行して、 ...
1
1 回答
986 閲覧数

electronで外部のmoduleを使う方法

electronでcasper.jsを使おうと考えています。 main.jsにて require ('casper'); と書いて実行すると Cannot find module 'casper' と表示されてしまいます。 electronでは外部のmoduleは使えないのでしょうか? よろしくお願いいたします。
1
2 回答
4,936 閲覧数

画面を画像で3分割し、それぞれにリンクから別画面に移動

タイトルの通りですが、縦は上手く行くのですが横が上手く行きません(横が画面よりはみ出てしまいます)。 何か良い表示方法はありますでしょうか? お詳しい方いらっしゃいましたらお願いします。 #img { width: 100%; height: 33%; } #img2 { width: 100%; ...
9
1 回答
2,996 閲覧数

httpsサーバーへajax通信をする場合、通信内容は暗号化されているか

httpsサーバーへajax通信をする場合(ajaxのurlパラメータにhttps://example.comを指定して通信する場合)、通信内容は全てssl暗号化されているという理解なのですが、それで正しいでしょうか。
0
1 回答
2,333 閲覧数

headタグ内のscriptタグ内にあるdocument.write()の置き換え方法について

HTML5ではdocument.write()が非推奨であるため他の記述方法に書き換えたいと思っています。 JSPファイルのheadタグ内のscriptタグ内で、例えば以下のように、 特定のブラウザだけに適用するCSSファイルを指定する場合や、 User Agent Stylesheetをリセットさせるreset.cssを指定する場合のように、 実行順序、読み込み順序を考慮してDOM構成中に ...