html meta标签扩展
html标签大全
html标签大全HTML标签大全。
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。
在HTML中，标签是用来定义网页结构和内容的。
本文将介绍一些常用的HTML 标签，以及它们的用法和示例。
1. 文本标签。
`<h1>`~`<h6>`，定义标题，数字表示标题的级别，从大到小依次递减。
`<p>`，定义段落。
`<strong>`，定义加粗文本。
`<em>`，定义斜体文本。
`<u>`，定义下划线文本。
`<br>`，定义换行。
2. 链接标签。
`<a>`，定义超链接，href属性指定链接的地址。
`<img>`，定义图像，src属性指定图片的地址。
3. 列表标签。
`<ul>`，定义无序列表。
`<ol>`，定义有序列表。
`<li>`，定义列表项。
4. 表格标签。
`<table>`，定义表格。
`<tr>`，定义表格行。
`<td>`，定义表格数据单元格。
5. 表单标签。
`<form>`，定义表单，action属性指定表单提交的地址。
`<input>`，定义输入框，type属性指定输入框的类型（文本框、密码框、复选框等）。
`<select>`，定义下拉框。
`<textarea>`，定义多行文本输入框。
`<button>`，定义按钮。
6. 多媒体标签。
`<audio>`，定义音频播放器。
`<video>`，定义视频播放器。
`<iframe>`，定义内联框架，用于嵌入其他网页。
7. 其他标签。
`<div>`，定义文档中的块级元素。
`<span>`，定义文档中的行内元素。
`<meta>`，定义网页的元数据，如字符集、关键词等。
Meta标记的使用
meta是用来在HTML文档中模拟HTTP协议的响应头报文。
meta 标签用于网页的<head>与</head>中，meta 标签的用处很多。
meta 的属性有两种：name和http-equiv。
name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。
这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。
比较常用的有以下几个：name 属性1、<meta name="Generator" content="">用以说明生成工具（如Microsoft FrontPage 4.0）等；2、<meta name="KEYWords" content="">向搜索引擎说明你的网页的关键词；3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容；4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者；5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">其中的属性说明如下：设定为all：文件将被检索，且页面上的链接可以被查询；设定为none：文件将不被检索，且页面上的链接不可以被查询；设定为index：文件将被检索；设定为follow：页面上的链接可以被查询；设定为noindex：文件将不被检索，但页面上的链接可以被查询；设定为nofollow：文件将不被检索，页面上的链接可以被查询。
meta元素的作用
meta元素的作用
meta元素是用于描述HTML文档的元数据的标签。
它的作用有以下几点：
1. 页面关键字和描述：可以使用meta元素来指定页面的关键字和描述信息，以便搜索引擎更好地识别和呈现页面内容。
2. 编码标准：可以使用meta元素来指定页面的字符编码格式，以确保浏览器正确地解析和显示页面内容。
3. 视口设置：可以使用meta元素来指定视口的大小和缩放比例，以适应不同的设备和屏幕大小。
总之，meta元素是用于在HTML文档中提供元数据信息的标签，可以帮助网页被更好地索引、解析和呈现。
html文档
为什么我们要使用小写的标签？我们刚才讲到：HTML 标签对大小写是不敏感的：<b> 和<B> 的作用的相同的。
当您在网上冲浪时，您会发现大多数教程在他们的例子中都使用大写的HTML 标签。
而我们总是使用小写。
原因何在呢？如果您希望为使用下一代HTML 而做好准备，您就应该使用小写标签。
万维网联盟(W3C) 的标准是：建议在HTML 4 中使用小写标签，而在XHTML（下一代HTML）中，必须使用小写标签HTM 还是HTML 扩展名？当您将一个HTML 文件存盘时，您即可以使用HTM 也可以使用HTML 作为扩展名。
我们刚才使用了 .htm 作为上面那个例子的扩展名。
不过这样做也许是一个坏习惯，习惯于这样做的人也许是因为使用某些过时的软件而养成了这个坏习惯，这些软件只允许三个字母作为扩展名。
如果您使用新近的软件，我们认为使用 .html 是相当安全的做法。
不要忘记关闭标签您可能注意到了，在编写段落时可以不带有</p> 标签：建议写标签的时候最好成对的写<table></table><p>This is a paragraph<p>This is another paragraph上面的例子在大多数浏览器中都可以工作，但是不要依赖这种做法。
HTML 未来的版本不允许省略任何结束标签。
通过结束标签来关闭HTML 是一种经得起未来考验的HTML 编写方法。
清楚地标记某个元素在何处开始，并在何处结束，不论对您还是对浏览器来说，都会使代码更容易理解。
换行符当你打算结束一行，而又不想开始一个新段落时，<br> 标签就派上用场了。
无论你将它置于何处，<br> 标签都会产生一个强制的换行。
<p>This <br> is a para<br>graph with line breaks</p> <br> 标签是空白标签，由于关闭标签没有任何意义，因此它没有类似</br> 的终止标签。
htmlmeta中的viewport指令
htmlmeta中的viewport指令viewport含义：ViewPort <meta>标记⽤于指定⽤户是否可以缩放Web页⾯，如果可以，那么缩放到的最⼤和最⼩缩放⽐例是什么。
使⽤ ViewPort <meta>标记还表⽰⽂档针对移动设备进⾏了优化。
ViewPort <meta>标记的content值是由指令及其值组成的以逗号分隔的列表。
例：<meta name=”viewport” content=”width=240, height=320, user-scalable=yes, initial-scale=2.5, maximum-scale=5.0, minimun-scale=1.0”>width 和height指令分别指定视区的逻辑宽度和⾼度。
他们的值要么是以像素为单位的数字，要么是⼀个特殊的标记符号。
width指令使⽤device- width标记可以指⽰视区宽度应为设备的屏幕宽度。
类似地height指令使⽤device-height标记指⽰视区⾼度为设备的屏幕⾼度。
user-scalable指令指定⽤户是否可以缩放视区，即缩放Web页⾯的视图。
值为yes时允许⽤户进⾏缩放，值为no时不允许缩放。
initial-scale指令⽤于设置Web页⾯的初始缩放⽐例。
默认的初始缩放⽐例值因智能⼿机浏览器的不同⽽有所差异。
通常情况下设备会在浏览器中呈现出整个Web页⾯，设为1.0则将显⽰未经缩放的Web⽂档。
maximum-scale和minimum-scale指令⽤于设置⽤户对Web页⾯缩放⽐例的限制。
值的范围为0.25⾄10.0之间。
与initial-scale相同，这些指令的值是应⽤于视区内容的缩放⽐例。
所有智能⼿机浏览器都⽀持ViewPort <meta>标记的width和user-scalabel指令。
但是Opera Mobile不使⽤user-scalable指令，⽽是主张⽤户应始终保留在移动浏览器中缩放Web页⾯的能⼒。
vscode快速生成html5基本格式
vscode快速生成html5基本格式一、介绍在现代的网页开发中，HTML5已成为标配，并且得到了广泛的应用。
但是一开始编写HTML5代码可能会有些繁琐，为了提高开发效率，我们可以使用Visual Studio Code（以下简称VS Code）来快速生成HTML5基本格式。
在本文中，我们将介绍如何通过VS Code的扩展和快捷键来实现快速生成HTML5基本格式。
二、安装扩展要使用VS Code生成HTML5基本格式，我们首先需要安装一个扩展。
打开VS Code的扩展视图（快捷键：Ctrl+Shift+X），搜索”HTML Boilerplate”，然后点击”安装”按钮进行安装。
安装完成后，我们就可以使用该扩展来生成HTML5基本格式。
三、使用扩展生成HTML5基本格式1.打开VS Code，创建一个新的HTML文件（快捷键：Ctrl+N）。
2.在新建的HTML文件中，输入html，然后按下Tab键。
此时，扩展会自动补全为完整的HTML5基本格式，并将光标设置到<html>标签中。
接下来我们可以根据需要添加head和body部分的内容。
四、快捷键除了使用扩展来生成HTML5基本格式，我们还可以使用一些快捷键来提高生成速度。
下面是一些常用的快捷键：1. 生成HTML5基本格式•html:5：输入html:5，然后按下Tab键，将生成HTML5基本格式。
2. 生成各种标签•head：输入head，然后按下Tab键，将生成<head>标签。
•title：输入title，然后按下Tab键，将生成<title>标签。
•script：输入script，然后按下Tab键，将生成<script>标签。
•link：输入link，然后按下Tab键，将生成<link>标签。
•meta：输入meta，然后按下Tab键，将生成<meta>标签。
3. 生成常用结构•header：输入header，然后按下Tab键，将生成<header>标签。
网页html代码详解
<p>的常用属性align，用来设定段落的对齐方 式，可取属性值有： ·left：左对齐； ·center：居中对齐； ·right：右对齐。
2.2.1 排版标记
2. 强制换行<br>
<br>称为换行标记，在网页设计中比较常用， 它的作用就是换行。<br>属于单标记，没有结 束标记，且不包含任何属性。
2.2.2 字体标记
·size：用来设定文本的大小，属性值可以是绝 对的或相对的，如size=“5”是绝对的，表示文本 以5号字显示; size=“+2”是相对的，表示文本在 原先大小的基础上再增大2级。 size属性可取1~7 之间的整数值.
·color：设定文本的颜色。
2.2.2 字体标记
3. <b>、<i>、<u>、<s>标记
Web浏览器用来浏览HTML文档，在Windows操 作系统上，常用的浏览器是Microsoft Internet Explorer，也常简称为IE。
2.1.3 HTML的制作
用记事本制作网页的步骤如下： 1) 打开记事本。 2) 在记事本中输入代码：
<html> <head> <title>我的第一个网页</title> </head> <body bgcolor="black" text="#FFFFFF"> 这是我用记事本做的第一个网页，我会努力学好HTML！ </body> </html>
2.2.2 字体标记
2. <font>标记
HTML语言中Meta的含义
HTML语言中Meta的含义meta是用来在HTML文档中模拟HTTP协议的响应头报文。
meta 标签用于网页的<he ad>与</head>中，meta 标签的用处很多。
meta 的属性有两种：name和http-equiv 。
name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。
这其中最重要的是description（站点在搜索引擎上的描述）和keyword s（分类关键词），所以应该给每页加一个meta值。
比较常用的有以下几个：name 属性1、<meta name="Generator" contect="">用以说明生成工具（如MicrosoftF rontPage 4.0）等；2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词；3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容；4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者；5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofol low"> 其中的属性说明如下：设定为all：文件将被检索，且页面上的链接可以被查询；设定为none：文件将不被检索，且页面上的链接不可以被查询；设定为index：文件将被检索；设定为follow：页面上的链接可以被查询；设定为noindex：文件将不被检索，但页面上的链接可以被查询；设定为nofollow：文件将不被检索，页面上的链接可以被查询。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1.
<meta></meta>用来说明语言编码字符集，它有三个属性，分别是name,content和http-equiv
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="author" content="Csdn" />
<meta name="Copyright" content="Csdn" />
<meta name="description" content="" />
<meta content="" name="keywords" />
第一行说明了他的文字编码
第二行说明了他采用的语言
第三行说明了他的作者
第四行说明了他的版权
第五行是对网站的简单描述
第六行是说明了本网站的关键字
http-equiv="Content-Type" 表示描述文档类型
content="text/HTML; 文档类型mime类型，这里为html,如果JS就是text/javascript，charset=utf-8 页面字符集，编码，eg:gb2312,iso-8859-1,utf-8
meta http-equiv="Content-T ype"什么意思？
http-equiv 属性为名称/值对提供了名称。
并指示服务器在发送实际的文档之前先在要传送给浏览器的MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时，会先发送许多名称/值对。
虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。
这将告诉浏览器准备接受一个HTML 文档。
使用带有http-equiv 属性的<meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部.
2..
<html xmlns="/1999/xhtml">
xmlns="/1999/xhtml">
html xml-n(ame)-(space)命名空间你可以这样理解。
无视也可以
xmlns是XHTML namespace的缩写。
作用：由于xml允许定义自己的标记，但你定义的标记和其他人定义的标记有可能相同，
但表示不同的含义。
当文档交换或者共享的时候就容易产生错误。
为避免这种错误产生，xml 采用名字空间声明，允许你通过一个网址来识别你的标记。
XHTML是HTML先xml过度的标记语言，它需要符合xml文档规则，因此，也需要定义名字空间，又因为XHTML1.0不能自定义标识，所以，它的名字空间都相同，就是：/1999/xhtml
3.
在写一个显示的JS,弹出窗口，并固定在右下角，在FF下测试没问题，但在IE下，始终定位在左边的最底下，检查代码，发现是手写的HTML，没有加上声明标记：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这是一个申明.申明此网页遵循W3C所制定的DTD规则. W3C是一个万维网联盟.主要作用是规范各种制作网站所用的工具.比如HTML,CSS,JAVASCRIPT等等. 而DTD只是W3C对网页的HTML文件规范的一种. W3C没有对HTML文件的解析做标准之前,各种浏览器对同一个网页文件的解析千差万别.为了避免这样的事,W3C就提出了规范. <!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。
此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"/TR/xhtml1/DTD/xhtml1-strict.dtd"> 在上面的声明中，声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。
浏览器将明白如何寻找匹配此公共标识符的 DTD。
如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。