一.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. ecshop邮件订阅按“订阅”没反应

    原订阅邮件所使用的JS文件transport.js和JQuery冲突,会更改transport.js文件,用以下代码可同样实现订阅功能. <input type="text" ...

  2. JAVA基础——方法笔记

    java方法_学习笔记 由于我本人对java方法已经比较熟悉了,java方法的定义和使用也比较简单,这里只列举了基于我自身容易搞错的地方,希望对大家的学习有帮助!! 方法的参数可以是基本数据类型,如 ...

  3. I/O多路复用之epoll实战

    概念 IO多路复用是指内核一旦发现进程指定的一个或者多个IO条件准备读取,它就通知该进程 通俗理解(摘自网上一大神) 这些名词比较绕口,理解涵义就好.一个epoll场景:一个酒吧服务员(一个线程),前 ...

  4. 从.src.rpm包中提取出完整的源码的方法

    1 什么是完整的源码 就是说,最初始的源码加上打了所有的patch后的源码,即最新的源码. 2 过程 2.1 从.src.rpm中提取完整的rpm工程文件 2.1.1 rpm to cpio rpm2 ...

  5. x01.ExcelHelper: NPOI 操作

    Excel 操作,具有十分明显的针对性,故很难通用,但这并不妨碍参考后以解决自己的实际问题. 有一汇总表如下: 当然,只是示范,产品的代码应该唯一!现在要根据此汇总表产生各个客户的产品清单.由于客户较 ...

  6. Linux下安装openvpn

    工作上常常要通过vpn访问内网环境,最近一直在linux上搞东西,为了方便起见在linux上也安装了openvpn. 本次安装的openvpn不是把它当做服务端,而仅仅是以客户端来使用,所以没有那些服 ...

  7. （转载）Java内部类的使用小结

    原文摘自:http://android.blog.51cto.com/268543/384844/   内部类是指在一个外部类的内部再定义一个类.类名不需要和文件夹相同. *内部类可以是静态stati ...

  8. 如何用webpack实现自动化的前端构建工作流

    什么是自动化的前端构建流? 1. 自动补全css私有前缀,自动转化less\sass为css,自动转化es6\vue\jsx语法为js,自动打包小图片为base64以减少http请求,自动给js,cs ...

  9. 猜年龄---while循环

    #!/usr/bin/env python# -*- coding:utf-8 -*-# Author:Andy Chen age_of_oldboy = 56 count = 0while True ...

  10. 中缀表达式变后缀表达式、后缀表达式（逆波兰）求值(python版本)

    定义: 中缀表达式: 在通常的表达式中,二元运算符总是置于与之相关的两个运算对象之间,这种表示法也称为中缀表达式 后缀表达式: 又叫逆波兰表达式 ,不包含括号,运算符放在两个运算对象的后面,所有的计算 ...