meta标签作用META标签是HTML标记HEAD区的一个关键标签，提供文档字符集、使用语言、作者等基本信息，以及对关键词和网页等级的设定等，最大的作用是能够做搜索引擎优化（SEO）。PS：便于搜索引擎机器人查找、分类，互联网应用应该要注意。大网站都是怎么写？在了解这个标签之前，我查找了各个主流网站他们的对于Meta的设置，如下：京东首页的Meta设置：<meta charset="gbk"> <meta name="description" content="京东JD.COM-专业的综...
很多人却忽视了HTML标签META的强大功效，一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，谁我来重新认识一下META标签吧您的个人网站即使做得再精彩，在“浩瀚如海”的网络空间中，也如一叶扁舟不易为人发现，如何推广个人网站，人们首先想到的方法无外乎以下几种：● 在搜索引擎中登录自己的个人网站● 在知名网站加入你个人网站的链接● 在论坛中发帖子宣传你的个人网站很多人却忽视了HTML标签META...
1、先看有间距的布局效果：2、少说多做，直接看代码（代码中有注释） 1 <!DOCTYPE html> 2 <html lang="zh"> <head> 5 <meta charset="UTF-8" /> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge" /> 7 <title>有间距的表格布局</title> 8 <style type="text/css"> * { 10 margin: 0; 11 padding: 0; 12 } table { 15 ...
<link>标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素，它仅包含属性。此元素只能存在于 head 部分，不过它可出现任何次数。在 HTML 中，<link> 标签没有结束标签。在 XHTML 中，<link> 标签必须被正确的关闭。除了HTML的标准通用属性之外，link元素还包括很多可选属性: charset, href, hreflang, media, rel, rev, target, title和type。这些属性中，target只允许在Transitional和Frameset两种DTD中使用，...
Input表示Form表单中的一种输入对象，其又随Type类型的不同而分文本输入框，密码输入框，单选/复选框，提交/重置按钮等，下面一一介绍。1，type=text输入类型是text，这是我们见的最多也是使用最多的，比如登陆输入用户名，注册输入电话号码，电子邮件，家庭住址等等。当然这也是Input的默认类型。 参数name：同样是表示的该文本输入框名称。 参数size：输入框的长度大小。参数maxlength：输入框中允许输入字符的最大数。参数value...
iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站的内容，为了更好的效果，可能需要使iframe透明效果，那么就需要了解更多的iframe属性，这里简单的整理下，方便需要的朋友1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。 提示和注释： 提示：您可以把需要的文本...
这篇文章主要介绍了HTML/XHTML中img图像标签的基本用法,文中列出了img标签的一些常用属性,需要的朋友可以参考下 图像标签用于在网页里显示一副图像。HTML/XHTML 图像 <img /> 标签在 XHTML 中，通过 <img /> 标签来定义显示一副图像。<img />是一个非成对标签。基本语法：XML/HTML Code复制内容到剪贴板<img src="url" /><img /> 标签 通过 src 属性来确定图像来源，url 是一个相对或者绝对的图像地址。图像标签属性：src：图片源，...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ":www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Form提交表单页面不跳转</title> </head> <body> <form action="" id="" method="post" target="id_iframe"> <input type="text" id="input_text" name="input_text"/...
分享Vue 官网教程上关于 v-model 的讲解不是十分的详细，写这篇文章的目的就是详细的剖析一下， 并介绍 Vue 2.2 v-model改进的地方，然后穿插的再说点 Vue 的小知识。在 Vue 中，有许多方法和 Angular 相似，这主要是因为 Angular 是 Vue 早期开发的灵感来源。然而，Augular 中存在许多问题，在 Vue 中已经得到解决。v-model 用在 input 元素上时v-model虽然很像使用了双向数据绑定的 Angular 的 ng-model，但是 Vue 是单项数据流，...
HTML5中figure和figcaption标签一般都是配套使用的，先了解下两者的基本定义，然后结合实例来说明两者的用法。<figure><figure>标签规定独立的流内容（图像、图表、照片、代码等等）。figure元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。它是一种元素的组合，可带有标题（可选）。figure标签用来表示网页上一块独立的内容，将其从网页上移除后不会对网页上的其他内容产生影响。figure有一个子标签：figcapt...
如何垂直居中一个浮动元素// 方法一：已知元素的高宽#div1{ width:200px; height:200px; position: absolute; /*父元素需要相对定位*/ top: 50%; left: 50%; margin-top:-100px ; /*二分之一的height，width*/ margin-left: -100px; } //方法二:未知元素的高宽 #div1{ width: 200px; height: 200px; margin:auto; position: absolute; /*父元素需要相对定位*/ ...
line-height：行高 设置文字间上下距离 height：高度 就是定义一个层 或某样东西的高度啦 也就是说line-height是特指单行高度，height可以为所有元素的高度 文字放大后边缘会重叠？ line-height直白理解就是文字高度加上文字上下的空白区域，line-height最好不要设置单位，如果固定单位后，行高就是确定值。 当字体放大且没有设置元素的line-height（继承自父元素且父元素为固定值）或者其值为固定值就会出现文字超出行高范围出现重...
<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。从中提取两层意思：1.fieldset存在于form里(这样说不准确)；2.分组打包的功能。 field:[fi?ld]领域；牧场；旷野；战场；运动场的意思，fieldset则显而易见了，就是“我的地盘听我的”。我给你贴上这一系列标签。 其中<legend> 标签为 fieldset 元素定义标题。 <form> <fieldset> <legend>health information</legend> height: <input type="text" /> weight: ...
在Web设计中,经常会用到如输入框的自动下拉提示,这将大大方便用户的输入。在以前，如果要实现这样的功能，必须要求开发者使用一些Javascript的技巧或相关的框架进行ajax调用，需要一定的编程工作量。但随着HTML5 的慢慢普及，开发者可以使用其中的新的DataList标记就能快速开发出十分漂亮的 AutoComplete组件的效果<datalist> 标签定义选项列表。datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。<!DOCTYPE HTML> <htm...
前端模板引擎需要有开发时的透明性透明性即指我在搭建好开发环境后，随手写代码随手刷新浏览器就能看到最新的效果，而不需要额外地执行任何命令或有任何的等待过程。所以一切依赖编译过程的模板引擎并不适合前端使用，编译只能是模板引擎的一个特性，而不能是使用的前提更严格地说，使用FileWatch等手段进行文件变更检测并自动编译也不在我的考虑范围之内，因为这会造成额外的等待，由此可以推出，前端的模板引擎应该是具备可在纯前...