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

H5入门——HTML部分

时间:2017-08-07 00:23:24      阅读:269      评论:0      收藏:0      [点我收藏+]

标签:搜索引擎   扩展   color   esc   rip   tle   meta   doctype   nbsp   

一.HTML的基本构成

1.<!DOCTYPE html>文档类型声明

       <!--HTML的文档类型声明。声明这个文件是HTML5文件,让浏览器按照HTML5准备进行解析显示。文档类型声明在HTML文件中,必须要有,而且必须写在文件最上方。如果不写文档类型声明,浏览器会默认按照兼容模式运行,可能会出现不明bug。-->

<!--注释:文档类型声明是写给程序员看的,网页中不会显示。html中的注释快捷键:Ctrl+/ -->

2.<head></head>部分

head作用:

              用于描述网页的一些关键信息。比如网页的配置,设置,关键字等等……这些信息,大多在浏览器看不到,但是对网页的解析至关重要!

(1) meta标签,用于描述网页的各种信息

                 其中<mete chaset="utf-8"/> 设置网页的编码格式为UTF-8。

【设置网页的字符集编码格式:】

         GB2312:简体中文的编码格式。
         GBK:扩展的国标码。比国标码多了更多的编码格式。
         utf-8:万国码。可以兼容绝大多数国家的语言。
 
[了解]:
          HTML4.01之前,声明字符集编码的格式:
                <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
代码示例:
               <meta charset="utf-8" />
 

(2)设置网页的关键字,有助于搜索引擎的搜索。

          name="keywords"表示这个mete标签设置的是网页的关键字;
          content=""表示关键字的详细信息,多个关键字,用英文逗号分隔;
代码示例:
      <meta name="keywords" content="H5网页开发"/>
 

(3)设置网页的描述信息,搜索引擎搜索时,标题下面的一段文字!非常重要!

name="description"表示这个mete标签设置的是网页的描述信息;
contet=""表示描述信息的详细内容!!!
代码示例:
      <meta name="description" content="这是我在杰瑞教育开发的第一个网页!"
 
<!--title:网页的标题,显示在浏览器选项卡上面的文字-->
代码示例:
     <title>这是我的第一个网页!!</title>

<link>标签link链接网页的小图标:网页选项卡上的小图片

       ①rel="icon"表示当前link的作用,是链接网页图标;
       ②href=""表示图片地址
   <link/>自闭合标签,也叫空标签。
代码示例:
    <link rel="icon" href="img/QQ.jpg" />

3.<body></body>部分

 

H5入门——HTML部分

标签:搜索引擎   扩展   color   esc   rip   tle   meta   doctype   nbsp   

原文地址:http://www.cnblogs.com/1996zy/p/7296259.html

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