码迷,mamicode.com
首页 > Web开发 > 详细

WEB学习-HTML的骨架

时间:2018-10-12 01:33:56      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:lan   服务   关键词   desc   content   dtd   document   搜索结果   现在   

  • HTML的标准骨架
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
        <head>
            <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
            <title>Document</title>
        </head>
        <body>
                
        </body>
    </html>

     对骨架的解释说明如下:

  • 文档声明头
  • 任何一个标准的HTML页面,第一行一定是一个以 <!DOCTYPE …… 开头的语句。
    这一行 就是文档声明头,DocType Declaration, 告知浏览器文档使用哪种HTML规范。
    我们现在学习的是HTML4.01这个版本,这个版本是IE6开始兼容的。手机、移动端的网页,就可以使用HTML5了。
    
    
    总结一下,一共有6种DTD,说白了,HTML第一行语句一共有6种:
    大规范(里面的小规范)
    HTML4.01
    Strict        严格的,体现在一些标签不能使用,比如u
    Transitional   普通的
    Frameset     带有框架的页面
    
    XHTML1.0
    严格体现在小写标签、闭合、引号
    Strict          严格的,体现在一些标签不能使用,比如u
    Transitional    普通的(我们学习的版本)
    Frameset      带有框架的页面
    
    strict表示“严格的”,这种模式里面的要求更为严格。这种严格体现在哪里?有一些标签不能使用。
    比如,u标签,就是可以让一个本文加上下划线,但是这和HTML的本质有冲突,因为HTML只能负责语义,不能负责样式,而u这个下划线是样式。所以,在strict中是不能使用u标签的。
    Transitional表示“普通的”,这种模式就是没有一些别的规范。
    Frameset表示“框架”,在框架的页面使用。
    
    我们学习的就是XHTML1.0中的transitional版本。因为我们的页面中偶尔要使用一些类似u这种标签(当做CSS钩子)。

     

  • 字符集 
  • <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    字符集用meta标签定义,meta表示“元”。“元”配置,就是表示基本的配置项目。

  • 中文能够使用的字符集两种:
    第一种:UTF-8
        ?    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    第二种:gb2312
        ?    <meta http-equiv="Content-Type" content="text/html;charset=gb2312">
    也可以写成gbk
        ?    <meta http-equiv="Content-Type" content="text/html;charset=gbk">

    我们用meta标签可以声明当前这个html文档的字库,但是一定要和保存的类型一样,否则乱码!(重点)

  • 总结:
    UTF-8 字多,有各种国家的语言,但是保存尺寸大,文件臃肿;
    gb2312字少,只用中文和少数外语和符号,但是尺寸小,文件小巧。

     

  • 关键字和页面描述
  1. 设置页面描述
  2. <meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />

    只要设置的Desciption页面描述,那么百度搜索结果就能够显示这些语句。

    也就是说,我们定义了一个名字是“Description”(描述)的meta。

  2.定义关键词

  1. <meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />

    这些关键词 告诉搜索引擎 ,这个网页是干嘛的,能够提高搜索命中率。

    

  所以,一个比较完整的骨架应如下:  

  • ?    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        ?    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
        ?    <head>
        ?        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        ?        <meta name="Keywords" content="牛逼,很牛逼,特别牛逼" />
        ?        <meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />
        ?        <title>Document</title>
        ?    </head>
        ?    <body>
        ?        
        ?    </body>
        ?    </html>

     

  • title标签
  • <title>网页的标题</title>

     

  • 备注
  • 网页的head标签界面,表示的是页面的配置:
    字符集
    关键字
    页面描述
    页面标题

     

 

WEB学习-HTML的骨架

标签:lan   服务   关键词   desc   content   dtd   document   搜索结果   现在   

原文地址:https://www.cnblogs.com/lyz0925/p/9775649.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!