<!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. Java新手学习路线

      转自网络     分享个JAVA学习路线[新手可以参考看下]觉得不好的,大家可以提出来我补充. 第一阶段 技术名称 技术内容 J2SE(java基础部分) java开发前奏 计算机基本原理,Jav ...

  2. mysql 赋给用户远程权限 grant all privileges on

    我配置了权限 就可以在Windows下访问我虚拟机中的数据库了 来源:http://blog.csdn.net/louisliaoxh/article/details/52767209 登录: 在本机 ...

  3. php对ip地址的处理

    public function actions() { $url = "http://ip.taobao.com/service/getIpInfo.php?ip=".self:: ...

  4. linux下查找命令总结

    查找命令总结,which,whereis,find,locate,type http://blog.csdn.net/jessica1201/article/details/8139249   1.f ...

  5. 基本项目框架搭建 sqlserver druid配置

    1.  我的连接池采用的是阿里云的druid的连接池,工具是IDEA 框架是springboot+maven 以下是我的项目框架结构 2. pom  中配置 <?xml version=&quo ...

  6. centos7安装配置sql server 2017 linux教程

    一.安装教程 https://docs.microsoft.com/zh-cn/sql/linux/quickstart-install-connect-docker https://docs.mic ...

  7. 实现函数 ToLowerCase()

    /** * 实现函数 ToLowerCase(),该函数接收一个字符串参数 str, 并将该字符串中的大写字母转换成小写字母,之后返回新的字符串. * 输入: "Hello" * ...

  8. 开源系统-edusoho在线教育

    #部署 ```bash [root@localhost ~]# docker run --name edusoho -tid         -p 9900:80         -e DOMAIN= ...

  9. HTML02--引用样式、表格、列表、div布局

    接上一篇“HTML01随笔” 1.使用样式:    内联样式:标签中使用style属性    内部样式:<head>使用<style type="text/css" ...

  10. Ubuntu16.04安装视觉SLAM环境（g2o）

    1.首先在github上下载g2o图优化库 git clone https://github.com/RainerKuemmerle/g2o.git 2.运行安装以下依赖库 sudo apt-get ...