
HTML
qq_38922435
这个作者很懒,什么都没留下…
展开
-
HTML中内联元素和块级元素的区别
最主要的区别是:内联不占行,如input,span,a,你会发现写多个input的时候,它们都排在同一行块状元素,占行,如div,p。你会发现写多个div的时候,它们都各自占一行。有时候你用到什么元素的时候,可能自己观察下。也可以去看下w3school。如果你想内联元素占行,可以用css中的display:block;内联元素和块级元素的相互转换直接转换即可,如下 : <div styl...原创 2018-06-11 21:51:47 · 449 阅读 · 0 评论 -
设置网页title标签小图标
第一次设置网页标签小图标,找了很多帖子方法都不管用。有的说要放到网页根目录,有的说文件名必须要favicon.ico,有的说必须16x16。其实不必这么麻烦。下面分享我用的方法(本地图片和cdn都是支持的):直接再title标签下面贴上这句代码(图片地址换成你自己的图标):<link rel="icon" href="图片路径/logo.png" sizes="32x3...转载 2019-03-21 00:09:48 · 1122 阅读 · 0 评论 -
html meta标签使用总结
meta标签作用META标签是HTML标记HEAD区的一个关键标签,提供文档字符集、使用语言、作者等基本信息,以及对关键词和网页等级的设定等,最大的作用是能够做搜索引擎优化(SEO)。PS:便于搜索引擎机器人查找、分类,互联网应用应该要注意。大网站都是怎么写?在了解这个标签之前,我查找了各个主流网站他们的对于Meta的设置,如下:京东首页的Meta设置:<meta ...转载 2018-09-01 10:42:32 · 324 阅读 · 0 评论 -
写给对meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"迷惑不解的小伙伴
1、X-UA-CompatibleX-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的。 通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。 兼容性模式设置优先级:meta tag > http header met...转载 2018-09-01 10:20:43 · 300 阅读 · 0 评论 -
html标签中的meta charset="utf-8" 的作用
首先来说明一下“utf-8”是一种字符编码。charset=”utf-8”是告知浏览器此页面属于什么字符编码格式,下一步浏览器做好“翻译”工作。常见的字符编码有:gb2312、gbk、unicode、utf-8。各个字符编码含义: gb2312:代表国家标准第2312条,其中是不包含繁体的(虽然咱们不怎么使用繁体了,但是台湾还在使用繁体啊。那怎么办呢?)。 gbk:国家标准扩展版(增加了繁体,...转载 2018-09-01 10:13:00 · 59988 阅读 · 5 评论 -
html标签中lang属性及xml:lang属性的作用
zh-CN 中文 (简体, 中国大陆) 对应 cmn-Hans-CN 普通话 (简体, 中国大陆)zh-SG 中文 (简体, 新加坡) 对应 cmn-Hans-SG 普通话 (简体, 新加坡)zh-HK 中文 (繁体, 香港) 对应 cmn-Hant-HK 普通话 (繁体, 香港)zh-MO 中文 (繁体, 澳门) 对应 cmn-Hant-MO 普通话 (繁体, 澳门)zh-TW 中文 (...原创 2018-09-01 10:05:41 · 3308 阅读 · 0 评论 -
解决textarea默认鼠标不是从左上角开始的问题
很简单,html代码中 <textarea name="txtValidPattern" rows="2" cols="20" id="txtValidPattern" class="input"></textarea>这样就没有 <textarea name="txtValidPattern" ro转载 2018-07-24 19:49:35 · 2272 阅读 · 0 评论 -
限制input输入类型(多种方法实现)
1.只能输入和粘贴汉字 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"><br/> ...转载 2018-07-18 14:54:59 · 5435 阅读 · 0 评论 -
inupt textarea提示文字(点击消失,不输入恢复)
<input name="textfield" type="text" maxlength="20" value="请输入文字.." onfocus="if (value =='请输入文字..'){value =''}" onblur="if (value ==''){value='请输入文字..'}" /><br&g转载 2018-07-17 12:24:36 · 1128 阅读 · 1 评论 -
input只能输入数字
<input type="text" name="category_id" onkeyup="this.value=this.value.replace(/[^\d]/g,'');"/>原创 2018-07-02 12:33:54 · 445 阅读 · 0 评论 -
HTML-input文本框(添加提示文字,填写内容时消失)
nput文本框内添加提示文字,填写内容时消失:用placeholder属性作为提示语<input placeholder="提示语..."></input>转载 2019-03-21 15:11:18 · 13511 阅读 · 0 评论