<!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>

第一行：<!DOCTYPE HTML...>表示文档声明头，声明文档类型，作用是告知浏览器该文档使用那种规范

1）HTML的规范分为两大类：HTML4.01和XHMTL1.0，并且每类规范又分出3种小规范，如下表：

HTML4.01 Strict(严格的) transitional（普通的） frameset（带框架的）

XHTML1.0（更加严格）体现于：

区分大小写，标签必须闭合

 Strict(严格的) transitional（普通的） frameset（带框架的）

第二行： <html...>网页内所有配置以及网页内容都必须写在该标签内，后边的参数表示命名空间，对js起作用，一般不理会；

第三行：<head>头标签，成对存在，里边放置网页的配置信息（meta）及网页的标题（title）；

1)<title>.....</title>网页标题栏，就是计算机浏览器标题栏显示的信息，内容也用优化搜索引擎的功能，如下图：

第四行：<meta .../>标签，用于配置网页信息及优化搜索引擎的搜索：

1）<meta charset="utf-8" />用于配置网页所使用的字符集为utf-8；

问：什么是字符集？

答：计算机本身不能保存字体，只能通过转换为0和1的编码来保存信息，而字符集正是字体与编码的对应参照文本，就像是“活体印刷术”，每个汉字都有一个模子对应，需要用到时，只需找的这个模子放置的具体位置就找的了这个字

•字符集分很多中，几乎每个国家有自己对应的字符集；但能够编码汉字的就只有两种，分别是 utf-8 和 gb2312

utf-8是国际通用编码字符集；基本适合各个国家的字体编码，所以里边容量大，占内存多，一个汉字占3个字节，这也就是该字符集的缺点；

gb2312是国标编码字符集，也就是中国的编码字符集，只适用于中国汉字及少数字体，所以里边容量没utf-8大，占内存小，一个汉字占2个字节，这也是该字符集的优点

2）<meta name="Description" content="...." />用于对该网页的描述，优化搜索引擎搜索，体现入下图:

3)<meta name="Keywords" content="..." />用于配置网页关键字，优化搜索引擎，使之更大概率的找到该页面，如下图：

第七行：<body>标签，是网页内容的显示主体，网页上我们所看到的内容都必须位于该标签内；

HTML骨架详解的更多相关文章

  1. Node 之 Express 学习笔记 第二篇 Express 4x 骨架详解

    周末,没事就来公司加班继续研究一下Express ,这也许也是单身狗的生活吧. 1.目录结构: bin, 存放启动项目的脚本文件 node_modules, 项目所有依赖的库,以及存放 package ...

  2. Node 之 Express 4x 骨架详解

    周末,没事就来公司加班继续研究一下Express ,这也许也是单身狗的生活吧. 1.目录结构: bin, 存放启动项目的脚本文件 node_modules, 项目所有依赖的库,以及存放 package ...

  3. HTML标签----图文详解

    国庆节快乐,还在加班的童鞋,良辰必有重谢! 本文主要内容 头标签 排版标签:<p>     <br>     <hr>     <center>     ...

  4. Spring Boot 之 HelloWorld详解

    摘要: 原创出处:www.bysocket.com 泥瓦匠BYSocket 希望转载,保留摘要,谢谢! “以前是人放狗看家,现在是狗牵着人散步” — 随笔 一.Spring Boot 自述 世界上最好 ...

  5. maven常用插件配置详解

    常用插件配置详解Java代码    <!-- 全局属性配置 --> <properties> <project.build.name>tools</proje ...

  6. Kotlin——最详细的抽象类（abstract）、内部类（嵌套类）详解

    如果您对Kotlin很有兴趣,或者很想学好这门语言,可以关注我的掘金,或者进入我的QQ群大家一起学习.进步. 欢迎各位大佬进群共同研究.探索QQ群号:497071402 进入正题 在前面几个章节中,详 ...

  7. （转）Java并发包基石-AQS详解

    背景:之前在研究多线程的时候,模模糊糊知道AQS这个东西,但是对于其内部是如何实现,以及具体应用不是很理解,还自认为多线程已经学习的很到位了,贻笑大方. Java并发包基石-AQS详解Java并发包( ...

  8. 详解微信小程序开发（项目从零开始）

    一.序 微信小程序,估计大家都不陌生,现在应用场景特别多.今天就系统的介绍一下小程序开发.注意,这里只从项目代码上做解析,不涉及小程序如何申请.打包.发布的东西.(这些跟着微信官方文档的流程走就好). ...

  9. Java线程创建形式 Thread构造详解 多线程中篇（五）

    Thread作为线程的抽象,Thread的实例用于描述线程,对线程的操纵,就是对Thread实例对象的管理与控制. 创建一个线程这个问题,也就转换为如何构造一个正确的Thread对象. 构造方法列表 ...

随机推荐

  1. 洛谷P5292 [HNOI2019]校园旅行（二分图+最短路）

    题面 传送门 题解 如果暴力的话,我们可以把所有的二元组全都扔进一个队列里,然后每次往两边更新同色点,这样的话复杂度是\(O(m^2)\) 怎么优化呢? 对于一个同色联通块,如果它是一个二分图,我们只 ...

  2. spring管理hibernate session的问题探究

    我们再用spring管理hibernate的时候, 我们会继承HibernateDaoSupport 或者HibernateTemplate类. 我们不知道这两个类之间有什么关系. 也没有去关闭ses ...

  3. canvas绘制简单的霓虹灯效果

    canvas简单动画分为三个步骤: 1.清除画布区域的内容: 2.重绘: 3.执行requestAnimationFrame(); 这个霓虹灯效果的demo,我没有用requestAnimationF ...

  4. C语言多线程编程一

    1. Windows下同时打开多个对话框: #include <Windows.h> #include <process.h> //创建线程 void runmsg(void ...

  5. linux之getenv putenv setenv和unsetenv详解

    1.getenv函数 头文件:#include<stdlib.h> 函数原型: char * getenv(const char* name); 函数说明:getenv()用来取得参数na ...

  6. shell-012：批量创建用户

    # #!/bin/bash # 批量创建用户 # 分析:用命令给用户创建密码的方法有两种 # . 可以直接用echo的方法 # echo "abc-123" |passwd roo ...

  7. shortcut&website

    作者:Vincent链接:https://www.zhihu.com/question/28993252/answer/61618961来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转 ...

  8. Access network

    1       State transfering A•Mobility:开机-搜寻PLMN/CELL来发现自己在网络中的位置•Attach request•Auth request•Auth res ...

  9. 20190418 CentOS7实用技能综合：系统安装 + WinScp客户端连接 + 防火墙端口号iptables + Nginx编译安装 + MySQL编译安装 + Redis编译安装 + MongoDB编译安装 + ActiveMQ/RocketMQ/RabbitMQ编译安装 + ...各类常用生产环境软件的编译安装

    系统安装 + WinScp客户端连接 + 防火墙端口号iptables + Nginx编译安装 + MySQL编译安装 + Redis编译安装 + MongoDB编译安装 + ActiveMQ/Roc ...

  10. MySQL3534

    1.mysqld install 2.mysqld --initialize-insecure自动生成无密码的root用户 3.mysql -uroot即可登录