meta标签 | 易学教程

前端学习（107）：嵌套清除浮动设置空标签

阅读更多关于前端学习（107）：嵌套清除浮动设置空标签

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>清除浮动</title> <style> #box1{ width: 200px;border: 5px black solid; } #box2{ width: 100%;;height: 200px;background: red;float: left; } .clear{clear: both;} </style> </head> <body> <div id="box1"> <div id="box2"></div> <div class="clear">这是一个空标签</div> </div> <p>aaaaa</p> </body> </html> 运行结果来源： CSDN 作者：你知道歌谣吗？链接： https://blog.csdn.net/weixin_43392489/article/details/103516414

flexible.js 移动端自适应方案

阅读更多关于 flexible.js 移动端自适应方案

一，flexible.js 的使用方式： github地址： https://github.com/amfe/lib-flexible 官方文档地址： https://github.com/amfe/article/issues/17 本文中有部分内容引至上面这个文档。（一），引用方式 1，引用cdn地址 <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js" ></script> 当前最新的版本是0.3.2。 2，下载flexible.js 等文件到项目指定目录下，然后在head中引入。建议对于js做内联处理，在所有资源加载之前执行这个js。下面是淘宝的写法： <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="yes" name="apple-touch-fullscreen" /> <meta content="telephone=no,email=no" name="format-detection" /> <meta content="maximum

HTML基础——表单的应用

阅读更多关于 HTML基础——表单的应用

1、表单的构成一个完整的表单由表单控件(表单元素)、提示信息和表单域3个部分构成。表单控件：包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、搜索框等。提示信息：一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。表单域：相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过它定义、处理表单数据所用程序的url地址及数据提交到服务器的方法。注：如果不定义表单域，表单中的数据就无法传送到后台服务器。 2、创建表单 <form></form>标记被用于定义表单域，即创建一个表单。基本格式： <html> <head> <title>创建表单</title> <meta charset="utf-8"/> </head> <body> <form action="http://www.mysite.cn/index.asp" method="post">  账号:  <input type="text" name="zhanghao" />  密码:  <input type="password" name="mima" />  <input type="submit" value="提交" />  <

meta标签的一些设置说明

阅读更多关于 meta标签的一些设置说明

<head>  <meta charset='utf-8'>  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>  <meta name="description" content="不超过150个字符"/>  <meta name="keywords" content=""/>  <meta name="author" content="name, email@gmail.com"/>  <meta name="robots" content="index,follow"/>  <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> <!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios

javascript的基础知识点

阅读更多关于 javascript的基础知识点

一：鼠标提示框需求描述：鼠标移入都input上，div显示，移出，div消失分析：控制display=block/none 鼠标移入，鼠标移出事件 <input type="button" onmouseover="alert('鼠标移入')" onmouseout="alert('鼠标移出')"> 功能代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> #div1 { width: 200px; height: 100px; background-color: gray; display: none; } </style> </head> <body> <input type="button" onmouseover="div1.style.display='block'" onmouseout="div1.style.display='none'"> <div id="div1"

Scrapy爬虫Demo 爬取资讯分类

阅读更多关于 Scrapy爬虫Demo 爬取资讯分类

爬取新浪网导航页所有下所有大类、小类、小类里的子链接，以及子链接页面的新闻内容。效果演示图： items.py import scrapy import sys reload(sys) sys.setdefaultencoding("utf-8") class SinaItem(scrapy.Item): # 大类的标题和 url parentTitle = scrapy.Field() parentUrls = scrapy.Field() # 小类的标题和子url subTitle = scrapy.Field() subUrls = scrapy.Field() # 小类目录存储路径 subFilename = scrapy.Field() # 小类下的子链接 sonUrls = scrapy.Field() # 文章标题和内容 head = scrapy.Field() content = scrapy.Field() spiders/sina.py # -*- coding: utf-8 -*- # -*- coding: utf-8 -*- from Sina.items import SinaItem import scrapy import os import sys reload(sys) sys.setdefaultencoding("utf-8")

前端历险记

阅读更多关于前端历险记

前言 Web前端开发技术包括三个要素：html（结构）、css（样式）、javascript（行为动作）。现在前端三要素也演化成HTML5、CSS3、jQuery（js中常用的库）。 HTML：　　HTML可以简单理解为在前端技术中勾勒出一个结构。就像我们盖楼房,需要钢筋水泥先搭建出来一个轮廓,而HTML5是超文本标记言语(HTML)的第五次严重修正。　　HTML5不是对html的改革，而是一种更加“宽容”的HTML。 CSS3：　　即层叠款式表，是CSS的升级，是在HTML的结构上进行装潢，能够有用的对页面的规划、字体、色彩、布景和别的结果完成愈加准确的掌握。　　CSS被拆分为“模块”，如挑选器、盒模子、布景和边框、笔墨殊效、2D/3D转换、动画、多列规划、用户界面等。 jQuery：　　是轻量级的js库，仅仅是js的一部分内容。用户利用jQuery能更便利地处置HTML、events、完成动画结果。　　jQuery有很多成熟的插件可供挑选并且可以利用用户的html页面连结代码和html内容别离，不需要在html内里插入一堆js来挪用。 html介绍和head标签 html介绍 html全称HyperText Mackeup Language，翻译为超文本标记语言，它不是一种编程语言，是一种描述性的标记语言，没有编译过程，用于描述超文本内容的显示方式

js语法

阅读更多关于 js语法

js选择器 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js选择器</title> </head> <body> <div id="d" class="box"></div> <input type="text" id="d2" class="box" /> <h3 class="h3"></h3> </body> <script> // 1、标签id名会存放到页面的名称空间中，在js内可以直接访问该名称空间，如果有同id的，多个对象都会获取，放在一个列表里 // console.log(d); // 2、getElement系列 // 根据id获取，如果有同id，会有阻隔机制，只会获取第一个 var d1 = document.getElementById('d'); console.log(d1); var d2 = document.getElementById('d2'); console.log(d2); // 根据类名获取，可以有相同类名，会全部获取放在列表里 var boxs = document.getElementsByClassName('box'); console.log(boxs[0]); // 不管结果是几个(0~n)，都用列表来存放查询的结果 let h3 = document

VUE入门笔记，第一节

阅读更多关于 VUE入门笔记，第一节

VUE入门笔记，第一节一、MVVM分层思想 M：用来保存每个页面中的单独的数据 V：每个页面中的HTML结构 VM：它是M和V层的调度者，它分割了M和V层，用于处理M和V层的数据双向绑定二、VUE入门案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Vue入门案例</title>  <script src="./lib/vue-2.4.0.js"></script> </head> <body>  <div id="app"> <p>{{msg}}</p> </div> <script> //3、创建一个vue实例，这就是MVVM中的VM调度者 var vm = new Vue({ el: "#app", //表示我们new的VUE实例将要控制的页面上的哪个区域 data: {

OpenCart高级搜索引擎优化(SEO PACK PRO)

阅读更多关于 OpenCart高级搜索引擎优化(SEO PACK PRO)

OPENCART高级搜索引擎优化(SEO PACK PRO) 是时候将您的网站进行高级搜索引擎优化了！ Ope ncart高级搜索引擎优化( SEO PACK PRO)扩充功能包含所所有有关 Opencart SEO 搜索引擎的相关扩充功能： 1. Keywords Generator for all products 2. Meta Description Generator 3. Related Products Generator 4. Tag Generator 5. Product SEO Plus 2 more SEO features 6. Canonical Categories 7. Canonical Brands 8. Friendly SEO URLS Generator 9. SEO Friendly URLs 10. Custom Titles 11. Clear SEO 12. SEO Report 13. SEO Friendly Image Names generator 14. Auto Internal Links 15. Advanced SEO Editor 16. Multi-Language SEO URLs + Multi Language Sitemaps 17. Home Page - Meta Keywords 18. SEO

订阅 meta标签