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