zoukankan      html  css  js  c++  java
  • xhtml知识及head部分名词解

    W3C: World Wide Web Con???
    DTD: Document Type Defination
    DOCTYPE:Document Type
    meta:?????
    http-equiv:?????
    xmlns: xml namespace

    注意VS代码验证标准

    三种DTD:
    XHTML 1.0 提供了三种DTD声明可供选择:

    过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>。完整代码如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。完整代码如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

    XHTML是HTML向XML过渡的标识语言,它需要符合XML文档规则,因此也需要定义名字空间。又因为XHTML1.0不能自定义标识,所以它的名字空间都相同,就是"http://www.w3.org/1999/xhtml"。
    <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">


    XHTML语法规则要求所有的标识都必须有开始和结束。例如<body>和</body>、<p>和</p>等,对于不成对的标识,要求在标识最后加一个空格,然后跟一个"/"。


    常用的meta
    站点的简要介绍:
    <meta name="description" content="新网页设计师。web标准的教程站点,推动web标准在中国的应用" /> 
    站点的关键词:
    <meta name="keywords" content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" /> 
    第三步是定义你的语言编码,类似这样:
    语言编码:
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的编码语言,我们一般使用gb2312(简体中文),制作多国语言页面也有可能用Unicode、ISO-8859-1等,根据你的需要定义。
    <meta http-equiv="Content-Language" content="gb2312" />
    这是针对老版本浏览器写的,以保证各种浏览器都能正确解释页面。

    不常用的meta(对搜索引擎很有帮助)
    允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索,推荐采用robots.txt方法
    <meta content="all" name="robots" /> 
    设置站点作者信息
    <meta name="author" content=",阿捷" /> 
    设置站点版权信息
    <meta name="Copyright" content="www.w3cn.org,自由版权,任意转载" /> 
    站点的简要介绍(推荐)

    样式表引用:
    页面内嵌法:就是将样式表直接写在页面代码的head区。类似这样: 
    <style type="text/css"> <!-- body { background : white ; color : black ; } --> </style> 
    外部调用法:将样式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用。 
    <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />

    收藏夹小图标:
    如果你将本站加入收藏夹,可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单,首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下。然后将下面的代码嵌入head区:

    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

  • 相关阅读:
    第四章5
    第四章4
    第四章3
    第四章2
    第四章1
    第四章例4-8
    第四章例4-7
    第四章例4-6
    第四章例4-5
    第四章例4-4
  • 原文地址:https://www.cnblogs.com/weipengfei/p/5589453.html
Copyright © 2011-2022 走看看