Usually use jquery load url https://stackoverflow.com/questions/34503683/jquery-to-open-bootstrap-v3-modal-of-remote-url
Only use html5 https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML
https://stackoverflow.com/questions/17636528/how-do-i-load-an-html-page-in-a-div-using-javascript
<a href="url ooxxooxx" data-toggle="modal" data-target="#myModal" onclick="myModal(this)"> click me </a> <div id="part3dviewModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <p>Loading...</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script> function myModal(o){ p = document.querySelector("#myModal .modal-body"); p.innerHTML = '<object type="text/html" data="' + o.href + '" ></object>'; } </script>
https://websemantics.uk/tools/convert-pixel-point-em-rem-percent/
https://websemantics.uk/articles/font-size-conversion/
Point Pixel Em Percent Keyword Default sans-serif
6pt 8px 0.5em 50% Sample
7pt 9px 0.55em 55% Sample
7.5pt 10px 0.625em 62.5% x-small Sample
8pt 11px 0.7em 70% Sample
9pt 12px 0.75em 75% Sample
10pt 13px 0.8em 80% small Sample
10.5pt 14px 0.875em 87.5% Sample
11pt 15px 0.95em 95% Sample
12pt 16px 1em 100% medium Sample
13pt 17px 1.05em 105% Sample
13.5pt 18px 1.125em 112.5% large Sample
14pt 19px 1.
‘&’ (ampersand) becomes ‘&’ ‘"’ (double quote) becomes ‘"’ when ENT_NOQUOTES is not set. ''' (single quote) becomes ''' only when ENT_QUOTES is set. ‘<’ (less than) becomes ‘<’ ‘>’ (greater than) becomes ‘>’
http://www.w3schools.com/tags/ref_entities.asp
" " " quotation mark (does not work in IE) apostrophe & & & ampersand < < < less-than > > > greater-than ISO 8859-1 Symbols
http://htmlhelp.com/reference/html40/entities/special.html
The following table gives the character entity reference, decimal character reference, and hexadecimal character reference for markup-significant and internationalization characters, as well as the rendering of each in your browser. Glyphs of the characters are available at the Unicode Consortium. With the exception of HTML 2.0’s “, &, <, and >, these entities are all new in HTML 4.0 and may not be supported by old browsers. Support in recent browsers is good.