一.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部分的更多相关文章

  1. H5入门-xhtml+css2-第01节

    <!-- 声明版本号,DOCTYPE html是html5版本 --> <!DOCTYPE html> <!-- 声明网页语言 en-英文 zh-中文 zh-cn中文 - ...

  2. H5入门须知

    ---恢复内容开始--- 首先,让我们来了解一下H5是做什么的,H5全称为“超文本标记语言”.是对网页进行编辑的技术.H5运用Hbulider进行网页编辑.网页可以分为三部分分别是title(主题)u ...

  3. H5入门

    1.基本骨架 <!DOCTYPE html> <html> <head><title>标题</title><meta charset= ...

  4. H5入门基础（一）

    我们还是围绕这几个问题来学习: 1.什么是H5? 2.为什么要用H5? 3.怎么用H5? 1.什么是H5? ♦HTML是指超文本标记语言(Hyper Text Markup Language). ♦H ...

  5. 快速入门cocos2d-x jsbinding

    如果你是一个cocos2d-x的老手,那你可以忽略这篇博文,如果你是一个接触过javascript,想通过HTML5做游戏的,但是苦于不知道如何下手,那么这篇博文可能会帮到你. cocos2dx-js ...

  6. 阿里云服务器搭建web项目小结

    前言 最近恰好有时间,自己搞了个云服务器试着搭建了个网站,遇到了一些问题,通过踩坑也涨了一些经验,遂记录一二,与后来者分享. 正文 1.博主用的阿里云服务器,为什么用它呢?一个是恰逢双十一,有优惠:另 ...

  7. 07. Web大前端时代之：HTML5+CSS3入门系列~H5 地理位置

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 源码:https://github.com/duniti ...

  8. 移动H5开发入门知识，CSS的单位汇总与用法

    说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着手机的流行,web app和hybrid a ...

  9. H5移动端开发入门知识以及CSS的单位汇总与用法

    说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着手机的流行,web app和hybrid a ...

随机推荐

  1. R语言重要数据集分析研究——  数据集本身的分析技巧

    数据集本身的分析技巧           作者:王立敏           文章来源:网络 1.数据集 数据集,又称为资料集.数据集合或资料集合,是一种由数据所组成的集合. Data set(或dat ...

  2. 【知识整理】这可能是最好的RxJava 2.x 入门教程（二）

    这可能是最好的RxJava 2.x入门教程系列专栏 文章链接: 这可能是最好的RxJava 2.x 入门教程(一) GitHub 代码同步更新:https://github.com/nanchen22 ...

  3. less中的变量

     [less中的变量]1.声明变量:@变量名:变量值:使用变量:@变量名:[less中变量的类型]1.数字 数字px2.字符串:无引号字符串 red blue 有引号 "haha" ...

  4. 在ASP.NET Core配置环境变量和启动设置

    在这一部分内容中,我们来讨论ASP.NET Core中的一个新功能:环境变量和启动设置,它将开发过程中的调试和测试变的更加简单.我们只需要简单的修改配置文件,就可以实现开发.预演.生产环境的切换. A ...

  5. Linux的同步访问技术

    1.中断屏蔽: 单CPU范围内避免竞态的一种简单方法:在进入临界区之前屏蔽系统的中断.中断屏蔽将使得中断与进程之间的并发不再发生,而且Linux内核的进程调度等操作都依赖中断来实现,内核抢占式进程之间 ...

  6. Python 3从入门到精通01-环境搭建

    本系列开始介绍Python3的基础教程,为什么要选中Python 3呢?因为最近看到一些资料和课程,都是Python 3授课的,例如,大数据,机器学习,数据挖掘等等:还有一个目的,我想彻底地,系统地学 ...

  7. CSS学习（页外引用还不懂）

    CSS的语法结构为   选择符 {属性:值:}    Selector {Property : Value:} 选择符:通配 *{....}  , 元素  body{....} .h1{....}.p ...

  8. JQuery中实现Ajax

    简单小案例: $("input").click(function() { $.get("test.txt",function(data){ $("h1 ...

  9. [CF161D]Distance in Tree-树状dp

    Problem Distance in tree 题目大意 给出一棵树,求这棵树上有多少个最短距离为k的点对. Solution 这个题目可以用点分治来做,然而我到现在还是没有学会点分治,所以只好用树 ...

  10. 【Xbox one S】开箱&开机&初入坑心得

    再来一发水贴,先上产品标准照镇贴: 前言 身为一个资深单机游戏玩家,常年混迹在PC平台,但内心深处一直对主机有种迷之向往,感觉那才是单机游戏的正处之地,坐沙发上拿着手柄对着电视跌宕起伏才是正确的游戏姿 ...