<!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. CAS客户端整合（二） Zabbix

    Zabbix是一个强大的服务器/交换机监控应用,有zabbix-server, zabbix-client, zabbix-web 三部分.zabbix-web管理端是用php写的. 前文参考:CAS ...

  2. 使用IDEA结合MAVEN创建一个Spring Java Web项目

    前言 如今的Java项目,如果还使用传统的把jar包复制到目录下这种原始的方式,对于依赖管理来说实在是灾难.对某个功能需要引入某种技术包,但是你不确定是否已存在,如果分类好的话还好找,若是杂在一堆不仅 ...

  3. Oracle to_char的用法

    The following are number examples for the to_char function. to_char(1210.73, '9999.9') would return ...

  4. SP9098 LCS3

    题目链接 题意分析 \(olinr\) : 序列自动机+一系列的鬼畜操作 相信我 你们没人能切 \(lzxkj\) : \(2^m+vector+\)暴力二分 跑得比你正解还快 首先一看\(m≤5\) ...

  5. php 逐行读取文本文件

    在读取文本时,我们要注意一个事情,那就是换行符,应为我们在写文档时会手动换行,这个换行符需不需要保存就要看自己的需求了. 这里封装了两个方法,一个保留换行,一个不保留.$path为文件路径+文件名 1 ...

  6. 3.3.1 Validations

    摘要: 出处:黑洞中的奇点 的博客 http://www.cnblogs.com/kelvin19840813/ 您的支持是对博主最大的鼓励,感谢您的认真阅读.本文版权归作者所有,欢迎转载,但请保留该 ...

  7. RunningCassandraInEclipse（转载）

    转载自:http://wiki.apache.org/cassandra/RunningCassandraInEclipse Eclipse is open source. Download Ecli ...

  8. C#-WinForm-TextBox中只能输入数字的几种常用方法(C#)

    方法一: private void tBox_KeyPress(object sender, KeyPressEventArgs e) { if (e.KeyChar == 0x20) e.KeyCh ...

  9. CentOS7 安装 Visual Code

    官网下载 rpm 安装文件 运行 rpm -ivh 试一下 sudo rpm -ivh xxx.rpm 有可能弹出提出:libxx.so() need by xxxrpm ,反正意思是缺组件,去下载安 ...

  10. 【性能调优】：记录一次数据库sql语句性能调优过程

    一,依旧很简单的一个接口,查询列表接口,发现10并发单交易场景下,数据库表4w铺底数据,每次查询2000条数据进行orderby显示,平均响应时间2秒以上,数据库的cpu使用率高达95%: 二,抓到这 ...