HTML之meta标签详解

<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-Type"什么意思? 
 http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。


当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。


使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部.
2..
<html xmlns="http://www.w3.org/1999/xhtml">
 xmlns="http://www.w3.org/1999/xhtml">
html xml-n(ame)-(space)命名空间你可以这样理解。无视也可以


xmlns是XHTML namespace的缩写。
作用:由于xml允许定义自己的标记,但你定义的标记和其他人定义的标记有可能相同,但表示不同的含义。当文档交换或者共享的时候就容易产生错误。为避免这种错误产生,xml采用名字空间声明,允许你通过一个网址来识别你的标记。
XHTML是HTML先xml过度的标记语言,它需要符合xml文档规则,因此,也需要定义名字空间,又因为XHTML1.0不能自定义标识,所以,它的名字空间都相同,就是:http://www.w3.org/1999/xhtml


3.
在写一个显示的JS,弹出窗口,并固定在右下角,在FF下测试没问题,但在IE下,始终定位在左边的最底下,检查代码,发现是手写的HTML,没有加上声明标记:




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 在上面的声明中,声明了文档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值