<!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. Ajax请求参数解释

    ajax常用的两个请求是get和post,而springmvc的控制层可以接收ajax请求. 但是这个过程非常灵活,变化很大,容易出错. $.ajax({ url : SITE_PATH + &quo ...

  2. Vim 中的持久撤消

    Vim中的持久撤消 阅读文本大约需要俩分钟. 在 Vim 中像其他文本编辑器一样,你可以在当前会话中执行 "撤销/重做" .当一旦会话关闭,则你需要重新打开一个新文章,运行撤销将不 ...

  3. unittest测试框架和测试报告的输出实例（一）

    我们整个自动化才是报告的环节基本上分为三个部分: 1.测试用例的准备 2.测试用例的执行 3.测试报告的输出 1.测试用例的准备: 那我们就以搜孤网页做一个简单的用例: from selenium i ...

  4. UVALive-7457-Discrete Logarithm Problem（取模运算）

    原题链接 额,一直在理解题意在纠结看不懂,后来才恍然大悟 题意:定义一种新运算 a × b = a * b mod p : 已知条件给定一个p 求 x 这里用到同余与模运算乘法公式:a * b % n ...

  5. 2016级算法第六次上机-E.Bamboo之吃我一拳

    Bamboo之吃我一拳 分析 当两个点的距离<=d时,才可以出拳,想要使得满足出拳条件的点对最少但不为0 寻找最近点对距离,得到的最近距离能够使得可以出拳的组数最少,因为除了最近点对外其他组合均 ...

  6. Docker安装MongoDb

    1.下载镜像 docker pull mongo 2.运行mongo docker run --name mongo -v /data/mongodb:/data/db -p : -d mongo - ...

  7. Python：学习遇到的小问题：记事本写的脚本执行提示SystaxError:(unicode error) 'utf-8'

    学习了一段时间的Python因为懒没有坚持,现在又想学,在用记事本写好py脚本运行时报错:SystaxError:(unicode error) 'utf-8' 解决的方法: 因为我的笔记本系统自带的 ...

  8. BZOJ AC 300祭！

  9. .NET中的async和await关键字使用及Task异步调用实例

    其实早在.NET 4.5的时候M$就在.NET中引入了async和await关键字(VB为Async和Await)来简化异步调用的编程模式.我也早就体验过了,现在写一篇日志来记录一下顺便凑日志数量(以 ...

  10. Service层异常处理

    1.在service方法里面如果对异常进行了捕获的话,该事务是不会进行回滚的 * 默认spring事务只在发生未被捕获的 runtime excetpion()时才回滚. * * spring aop ...