html日常总结
关注
分享
扫一扫
文章平均质量分 76
丑小鸭变黑天鹅
奋斗吧，年轻人！
展开
-
MediaDevices.getUserMedia undefined 的问题
MediaDevices.getUserMedia undefined 的问题1、 localhost 域2.1 通过相应的参数启动 Chrome2.2 开启相应 flag通过 MediaDevices.getUserMedia() 获取用户多媒体权限时，需要注意其只工作于以下三种环境：1、 localhost 域开启了 HTTPS 的域使用 file:/// 协议打开的本地文件其他情况下，比如在一个 HTTP 站点上，navigator.mediaDevices 的值为 undefined。如原创 2021-04-17 14:35:59 · 832 阅读 · 0 评论 -
引入公共部分的html页面
引入公共部分的html页面一、问题描述二、方法一，使用jquery提供的load方法三、方法二，使用$.get()方法一、问题描述在日常开发中，我们会遇到这样的问题。比如说一个完整的网页，几乎每个页面都用到了相同的头部和底部，那么你是在每个页面都重复的写一遍一模一样的代码吗？这样会使代码冗余，并且没有工作效率。那么我们就可以考虑将相同代码提取出来，单独放到一个页面，然后那个页面需要，我们引入即可。下面我介绍几种方法。二、方法一，使用jquery提供的load方法接下来看代码header页面&l原创 2021-04-14 20:07:25 · 1407 阅读 · 0 评论 -
HTML5小技巧你知道多少？
HTML5小技巧你知道多少？1、新的文档类型（Doctype）2、HTML` ` 标签3、 图形（Figure）元素4、不再需要脚本、链接类型5、引号6、contenteditable7、语义化8、IE和HTML59、音频支持10、正则表达式11、检测浏览器对属性的支持12、Mark元素13、何时使用<div>1、新的文档类型（Doctype）<!DOCTYPE html>注意：你的doctype的申明需要出现在你html文件的第一行。2、HTML<tt>原创 2021-03-16 19:22:44 · 305 阅读 · 0 评论 -
HTML5新增input输入类型，你知道多少？
HTML5新增input输入类型，你知道多少？1、email2、url3、number4、range5、Date Pickers（日期选择器）6、search1、emailemail 类型用于应该包含 e-mail 地址的输入域。在提交表单时，会自动验证 email 域的值。<!DOCTYPE HTML><html><body> <form action="/example/html5/demo_form.asp" method="get">原创 2021-03-16 18:22:38 · 257 阅读 · 0 评论 -
HTML5新增的input属性你知道多少？
HTML5新增的input属性你知道多少？1、必要（Required）属性2、自动对焦（Autofocus）属性3、pattern 属性4、multiple 属性5、min、max 和 step 属性6、 占位符（placeholder属性）7、电子邮件输入8、list 属性9、height 和 width 属性1、必要（Required）属性表单允许新的必要属性，规定是否某个特定的输入是必要的。你可以依据自己写代码的偏好，用下面两种不同方式来声明这个属性：required 属性适用于以下类型的 &l原创 2021-03-16 18:03:56 · 1614 阅读 · 0 评论 -
HTML5语义化，你了解多少？
HTML5语义化，你了解多少？一、介绍二、优点三、为什么要语义化四、html5新增语义元素以及使用一、介绍很多时候我们写HTML，为了方便都会直接使用div和span标签，再通过class来确定具体样式。网站哪—部分为标题，哪一部分为导航，哪—部分为头部和底部，都只能通过class进行确定。但class命名规范却又没有一套统一的标准，因此导致很多时候无法确定整体网站的结构。因此，在HTML5出现后，添加了关于页面布局结构的新标签。而在HTML书写过程中，根据不同的内容使用合适的标签进行开发，即为语义原创 2021-03-11 13:54:52 · 437 阅读 · 0 评论 -
同为加粗效果，b和strong到底有什么区别？
同为加粗效果，b和strong到底有什么区别？对于初学者来说，可能不是很注重细节，你知道b和strong到底有什么区别吗？这篇文章谈谈这个问题两者虽然在网页中显示效果—样，但实际目的不同<b>这个标签对应bold，即文本加粗，其目的仅仅是为了加粗显示文本，是一种样式/风格需求。<strong>这个标签意思是加强，表示该文本比较重要,提醒读者/终端注意。为了达到这个目的，浏览器等终端将其加粗显示;<b> 为了加粗而加粗，<strong>为了标明重点而加原创 2021-03-11 13:06:15 · 2167 阅读 · 2 评论 -
对于初学者的你，html布局元素真的很清楚吗？
对于初学者的你，html布局元素真的很清楚吗？问题描述一、行内元素二、块级元素三、行内块元素问题描述对于初学者，当我们做项目的时候，总会有一种困惑，对于一些标签总是搞不清楚，不知道什么位置用什么标签，或者不清楚行内元素（内联元素）和块元素（块状元素）以及行内块元素（内联块状元素）到底有什么区别。接下来就详细的总结一下。一、行内元素常见的有span,a,b,strong,i,em,br, sub ,sup ,u ,label ,font本身属性为display：inline和其他行内元素从左到右在原创 2021-03-11 13:00:57 · 125 阅读 · 0 评论