一.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. java实现Excel的导入、导出

    一.Excel的导入 导入可采用两种方式,一种是JXL,另一种是POI,但前者不能读取高版本的Excel(07以上),后者更具兼容性.由于对两种方式都进行了尝试,就都贴出来分享(若有错误,请给予指正) ...

  2. 使用flask开发网站后端

    Flask 是一个用于 Python 的微型网络开发框架,可以用于快速的搭建一个小型的网站. 我的搜索引擎:http://www.abelkhan.com 就是基于flask开发 一个flask的He ...

  3. 使用UDP完成网络通信

    语言聊天有可以接受丢包但是不能接受乱序的特性,所以可以采用UDP来 传输数据提高效率. 因为UDP本身不可靠传输的特性,为了保证玩家可靠的接入服务器和一些 操作的正确执行,还是需要一些额外的代码保证U ...

  4. [编织消息框架][netty源码分析]11 UnpooledHeapByteBuf 与 ByteBufAllocator

    每种ByteBuf都有相应的分配器ByteBufAllocator,类似工厂模式.我们先学习UnpooledHeapByteBuf与其对应的分配器UnpooledByteBufAllocator 如何 ...

  5. Failed to sync Gradle project 'XX'错误解决

    错误代码 Failed to sync Gradle project 'WeChat' Error:Failed to find target with hash string 'android-24 ...

  6. 揭开Socket编程的面纱（留着自己慢慢看）

    对TCP/IP.UDP.Socket编程这些词你不会很陌生吧?随着网络技术的发展,这些词充斥着我们的耳朵.那么我想问: 1. 什么是TCP/IP.UDP?2. Socket在哪里呢?3. Socket ...

  7. Git恢复指定文件

    Git恢复指定文件 修改这个文件的commit有哪些? git log -- <文件路径> 猜测需要还原的commit. 这个文件作了哪些更改? git diff <需要还原的com ...

  8. Linux配置LNMP环境(二)配置PHP

    前言:本教程安装的PHP版本php-5.6.30(官方最后更新日期2017-01-19),教程编写日期2017-07-02.本教程中的下载地址是在写教程的时候从官方复制的,时间过长可能会有变化. 安装 ...

  9. [图形学] Chp8.7.2 梁友栋-Barsky线段裁剪算法

    这节简单介绍了梁友栋-Barsky裁剪算法的原理,只有结论并没有过程,看过http://blog.csdn.net/daisy__ben/article/details/51941608这篇文章后,大 ...

  10. 同一个tomcat多个项目共享session，一个tomcat两个项目共享sessionId

    同一个tomcat多个项目共享session,一个tomcat两个项目共享sessionId >>>>>>>>>>>>>& ...