metahtml5的简单介绍

HTML的meta标签应该如何使用

meta name=keywords content=your tags /页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。

成都创新互联公司是一家专业提供本溪企业网站建设,专注与成都网站建设、成都网站设计、H5建站、小程序制作等业务。10年已为本溪众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

组成：META标签可分为两大部分：HTTP-EQUIV和NAME变量。HTML代码实例中有一项内容是：。其作用是指定了当前文档所使用的字符编码为gb2312，也就是中文简体字符。

Viewport标签的一般使用Viewport meta标签一般用在响应式设计中，用来设计mobile设备viewport的宽度和initial-scale。

Meta http-equiv=Content-Language Content=zh-CN注意：该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”，则该页面所用的字符集就是繁体中文Big5码。

用法：METAHTTP-EQUIV=RefreshCONTENT=5；URL=网址注意：其中的5是指停留5秒钟后自动刷新到URL网址。

http-equiv相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

1、A. keywords(关键字)说明：用于告诉搜索引擎，你网页的关键字。举例：meta name=keywords content=Lxxyx，博客，文科生，前端B. description(网站内容的描述)说明：用于告诉搜索引擎，你网站的主要内容。

2、除了直接使用header标签外，也可以对header设置class或id。语法结构 header标签元素和p用法相同。有开始有闭合。

3、结合 initial-scale=1一起使用。这会禁用站点的缩放的功能，用户将不可能通过这种方式查看到整个页面。

1、一般放在head标签或head标签的noscript标签中。为空元素（没有内容）。

2、meta标签的name属性语法格式是：；。其中name属性主要有以下几种参数：A、Keywords（关键字）说明：keywords用来告诉搜索引擎你网页的关键字是什么。

3、meta标签的http-equiv属性语法格式是：meta http-equiv=”参数” content=”参数变量值” Refresh（刷新）说明：自动刷新并转到新页面。

4、Viewport标签的一般使用Viewport meta标签一般用在响应式设计中，用来设计mobile设备viewport的宽度和initial-scale。

5、meta 标签中 http-equiv 属性语法格式是：其中 http-equiv 属性主要有以下几种参数：旧的 HTML 才这么使用，不推荐：推荐 HTML5 设定网页字符集的方式：用于告知浏览器以何种版本来渲染页面。

1、meta 标签共有多个属性，分别是：它一般是为定义与 http-equiv 或 name 属性相关的元信息，以文本的格式作为其内容。详细用法，请参考下面的 name 属性。name 属性主要用于描述网页，比如网页的关键词、叙述等。

2、meta标签的http-equiv属性语法格式是：meta http-equiv=”参数” content=”参数变量值” Refresh（刷新）说明：自动刷新并转到新页面。

3、meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。

4、Meta http-equiv=Refresh Content=时间； Url=网址参数 meat标签的Refresh代表多少时间网页自动刷新，加上Url中的网址参数就代表，多长时间自动链接其他网址。

5、举例：meta name=description content=文科生，热爱前端与编程。目前大二，这是我的前端博客较重要的是viewport属性。常用于移动端设计。

第一个遇到的就是网页大小自适应的问题。目前比较常用的方法有：？首先要让页面大小铺满屏幕又不能溢出。

在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。

在已安装的电脑桌面新建一个Word文档（演示文稿以Office2007系列为主），然后打开新建的文档，输入文字。

自适应网页设计自从2010年，Ethan Marcotte提出了 “自适应网页设计”（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。

你写的这段是要放在所有css样式后边的，以防止样式覆盖。这段的意思是在电脑屏或者其他屏上你显示的是一个样式，通过这个监控屏幕大小，等屏幕大小改变，则替换成另一个样式。

做响应式页面就两种方法：一是通过各种技术写一套响应的代码，要用到的技术，如通过设置百分比宽，使用栅格系统，和通过媒体查询，弹性布局等结合来实现。这样写的好处了代码只需要写一套。

HTML5与HTML4区别如下：语法简化 HTML、XHTML的DOCTYPE、html、meta、script等标签，在HTML5中有大幅度的简化。统一网页内嵌多媒体语法以前，在网页中播放多媒体时，需要使用ActiveX或Plug-in的方式来完成。

一：HTML5与HTML的区别是什么语法的简化，新推出的html5相比html4是比较火的，html5的推出对语法进行了简化，例如头部的doctype，我们只要写！doctype html就可以了。

第一个区别： html5 更加的语义化了，语法简单化了 HTML5简化了很多细微的语法，例如doctype的声明，你只需要写！doctype html就行了。

HTML5和HTML4的区别：第一点，HTML5标准还在制定中企业网站制作首先要注意的是，HTML5虽然现在很火，但是HTML5标准还在制定中，标准仍在改变，HTML4已经10多年了，不会有任何改变了。

分享标题：metahtml5的简单介绍
转载源于：http://scyanting.com/article/dgcppce.html