meta是head区的一个辅助性标签。其主要作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! meta标签共有两个属性,它们分别是http-equiv属性和name属性。 http-equiv属性 ...
分类:
Web程序 时间:
2018-02-14 16:22:00
阅读次数:
238
Meta 标签介绍 Meta的属性有两种:name和http equiv name属性用于描述网页,对应于content \用以说明生成工具(如Microsoft FrontPage 4.0)等; \向搜索引擎说明你的网页的关键词; \告诉搜索引擎你的站点的主要内容; \告诉搜索引擎你的站点的制作的 ...
分类:
Web程序 时间:
2018-02-02 22:00:49
阅读次数:
322
flexible.js是淘宝推出的一款移动端手机自适应的库,源码内容很简洁,当网页使用了该库之后,页面会在head中加入对应的页面响应式的meta标签。 当使用flexible.js的时候,引入百度联盟的广告代码,会发现广告的文字会异常小,因为本身自己项目文字字号是根据data-dpr来响应式判断显 ...
分类:
移动开发 时间:
2018-01-29 20:17:05
阅读次数:
250
<meta name="robots" content="noarchive"> 以上的一段代码限制了所有的搜索引擎建立你的网页快照。如果我们需要仅仅限制一个搜索引擎建立快照的话,就可以像如下这样去写 <meta name="Baiduspider" content="noarchive"> 需要注 ...
分类:
Web程序 时间:
2018-01-21 17:32:48
阅读次数:
996
需要注意的是,模板文件中的所有标签都需要闭合哦。 meta标签需要这么写:<meta charset="UTF-8" />或者<meta charset="UTF-8"></meta>。 但是,难免有疏忽的时候,那怎么办?使用3版本吧。只需要在pom.xml文件中增加如下代码: 这样就不用担心单标签 ...
分类:
Web程序 时间:
2018-01-21 00:04:03
阅读次数:
286
1.移动端开发通常都会在html中写下以下的meta标签 需要注意的是无论是这样写还是用淘宝flexible.js动态生成meta头,目的只有一个,那就是让布局视口等于苹果手机的分辨率宽高/设备像素比后的宽高。苹果手机的分辨率是指以下所示 而不是以点位计算的以下单位, 不要被误解。 以苹果5s为例, ...
分类:
移动开发 时间:
2018-01-19 19:48:22
阅读次数:
207
上一节传送门《HTML5+CSS3响应式设计(一)》 设置 viewport meta标签后,任何浏览器都不再缩放页面了,这一节我们可以针对不同视口来修正设计效果。 一、我们用一个ipad(1024*768)来说明这一点 上一节中我们的页面是960px宽度,我们ipad如果是横屏显示1024px,页 ...
分类:
Web程序 时间:
2018-01-18 13:37:43
阅读次数:
226
HTML部分基础展示: 排版标记 字体标记 转义字符 清单标记 图形标记 链接标记 菜单标记 meta标签 ...
分类:
Web程序 时间:
2018-01-15 14:46:42
阅读次数:
265
这段时间在做的东西,是北邮人论坛APP的注册页。这个注册页是内嵌的网页,因为打算安卓和IOS平台同时使用。因此实际上就是在做移动端的web开发了。 在这过程中遇到了不少有意思的东西。 DEMO的github地址在这里 内容提要: meta标签Vuejs的简单实战CSS移动端全屏背景CSS移动端动画初 ...
分类:
移动开发 时间:
2018-01-14 18:45:27
阅读次数:
306