• HTML的标准骨架
  • <!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>

    对骨架的解释说明如下：

  • 文档声明头
  • 任何一个标准的HTML页面，第一行一定是一个以 <!DOCTYPE …… 开头的语句。
    
这一行 就是文档声明头，DocType Declaration， 告知浏览器文档使用哪种HTML规范。
    
我们现在学习的是HTML4.01这个版本，这个版本是IE6开始兼容的。手机、移动端的网页，就可以使用HTML5了。

总结一下，一共有6种DTD，说白了，HTML第一行语句一共有6种：
    
大规范（里面的小规范）
    
HTML4.
    
Strict        严格的，体现在一些标签不能使用，比如u
    
Transitional   普通的
    
Frameset     带有框架的页面

XHTML1.
    
严格体现在小写标签、闭合、引号
    
Strict          严格的，体现在一些标签不能使用，比如u
    
Transitional    普通的（我们学习的版本）
    
Frameset      带有框架的页面

strict表示“严格的”，这种模式里面的要求更为严格。这种严格体现在哪里？有一些标签不能使用。
    
比如，u标签，就是可以让一个本文加上下划线，但是这和HTML的本质有冲突，因为HTML只能负责语义，不能负责样式，而u这个下划线是样式。所以，在strict中是不能使用u标签的。
    
Transitional表示“普通的”，这种模式就是没有一些别的规范。
    
Frameset表示“框架”，在框架的页面使用。

我们学习的就是XHTML1.0中的transitional版本。因为我们的页面中偶尔要使用一些类似u这种标签（当做CSS钩子）。
  • 字符集　
  • <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    字符集用meta标签定义，meta表示“元”。“元”配置，就是表示基本的配置项目。

  • 中文能够使用的字符集两种：
    
第一种：UTF-
    
    •    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    
第二种：gb2312
    
    •    <meta http-equiv="Content-Type" content="text/html;charset=gb2312">
    
也可以写成gbk
    
    •    <meta http-equiv="Content-Type" content="text/html;charset=gbk">

    我们用meta标签可以声明当前这个html文档的字库，但是一定要和保存的类型一样，否则乱码！（重点）

  • 总结：
    
UTF- 字多，有各种国家的语言，但是保存尺寸大，文件臃肿；
    
gb2312字少，只用中文和少数外语和符号，但是尺寸小，文件小巧。
  • 关键字和页面描述
  1. 设置页面描述
  2. <meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />

    只要设置的Desciption页面描述，那么百度搜索结果就能够显示这些语句。

    也就是说，我们定义了一个名字是“Description”（描述）的meta。

　　2.定义关键词

  1. <meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />

    这些关键词 告诉搜索引擎 ，这个网页是干嘛的，能够提高搜索命中率。

　　　　

　　所以，一个比较完整的骨架应如下：　　

  • •    <!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">
    
    •        <meta name="Keywords" content="牛逼，很牛逼，特别牛逼" />
    
    •        <meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />
    
    •        <title>Document</title>
    
    •    </head>
    
    •    <body>
    
    •
    
    •    </body>
    
    •    </html>
  • title标签
  • <title>网页的标题</title>
  • 备注
  • 网页的head标签界面，表示的是页面的配置：
    
字符集
    
关键字
    
页面描述
    
页面标题

WEB学习-HTML的骨架的更多相关文章

  1. Java Web 学习路线

    实际上,如果时间安排合理的话,大概需要六个月左右,有些基础好,自学能力强的朋友,甚至在四个月左右就开始找工作了.大三的时候,我萌生了放弃本专业的念头,断断续续学 Java Web 累计一年半左右,总算 ...

  2. Web学习之css

    CSS指层叠样式表(Cascading Style Sheets),CSS 是标准的布局语言,用来控制元素的尺寸.颜色.排版.CSS 由 W3C 发明,用来取代基于表格的布局.框架以及其他非标准的表现 ...

  3. web学习第一章

    web学习第一章   我是大概9月10日开始走上IT之路的,一开始学习了小段时间的自动化办公软件, 昨天我开始学习客户端网页编程,我了解什么是WEB,一些比较老古董的计算模式和发展历史,印象最让我深刻 ...

  4. [原创]java WEB学习笔记95：Hibernate 目录

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  5. Java Web学习系列——Maven Web项目中集成使用Spring、MyBatis实现对MySQL的数据访问

    本篇内容还是建立在上一篇Java Web学习系列——Maven Web项目中集成使用Spring基础之上,对之前的Maven Web项目进行升级改造,实现对MySQL的数据访问. 添加依赖Jar包 这 ...

  6. Java Web学习系列——Maven Web项目中集成使用Spring

    参考Java Web学习系列——创建基于Maven的Web项目一文,创建一个名为LockMIS的Maven Web项目. 添加依赖Jar包 推荐在http://mvnrepository.com/.h ...

  7. Java web 学习之旅

    java web学习之旅 来公司十天了,感觉已经慢慢地融入了这个环境中,几个学长人都很好,都是在他们帮助下,我才能比较顺利的开始了学习java web的旅途. 来这里学习的第一个阶段是做一个简单的用户 ...

  8. [原创]java WEB学习笔记75：Struts2 学习之路-- 总结 和 目录

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  9. [原创]java WEB学习笔记66：Struts2 学习之路--Struts的CRUD操作( 查看 / 删除/ 添加) 使用 paramsPrepareParamsStack 重构代码 ，PrepareInterceptor拦截器，paramsPrepareParamsStack 拦截器栈

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

随机推荐

  1. apache shiro的工作流程分析

    本文基于shiro的web环境,用宏观(也就是不精确)的角度去理解shiro的工作流程,先看shiro官方的一张图. 和应用程序直接交互的对象是Subject,securitymanager为Subj ...

  2. Hello World投票以太坊Dapp教程-Part1

    参考资料:https://medium.com/@mvmurthy/full-stack-hello-world-voting-ethereum-dapp-tutorial-part-1-40d2d0 ...

  3. ios runloop学习

    今天突然才之间才意识到NSTimer这样的运行方式,是在多线程中实现的循环还是在主线程中去实现的呢.当然不可能是在主线程中的while那么简单,那样什么都干不了,简单看了下NSTimer是以同步方式运 ...

  4. MySQLfailover错误一则

    由于公司现有主库要转移到新的主库上,所以,我打算利用MySQLfailover工具的故障转移. 1.开发把程序账号转移到新主库上 2.停止现有主库,使之进行故障转移,转移期间会自动锁表,保持数据一致性 ...

  5. perl:_DATA_ _LINE_ _FILE_

    这三个应该是句柄: _DATA_ _FILE_ _LINE_ 没有找到具体介绍...记录于此,已被后续补充.

  6. 杭电 1503 Advanced Fruits

    Description The company "21st Century Fruits" has specialized in creating new sorts of fru ...

  7. 算法学习记录-图(DFS BFS)

    图: 目录: 1.概念 2.邻接矩阵(结构,深度/广度优先遍历) 3.邻接表(结构,深度/广度优先遍历) 图的基本概念: 数据元素:顶点 1.有穷非空(必须有顶点) 2.顶点之间为边(可空) 无向图: ...

  8. CentOS下配置LVM和RAID

    1.CentOS配置LVM http://www.cnblogs.com/mchina/p/linux-centos-logical-volume-manager-lvm.html http://ww ...

  9. git2--常用命令

    Git 命令详解及常用命令 Git作为常用的版本控制工具,多了解一些命令,将能省去很多时间,下面这张图是比较好的一张,贴出了看一下: 关于git,首先需要了解几个名词,如下: ? 1 2 3 4 Wo ...

  10. java 罕见的依赖报错 jstat: error while loading shared libraries: libjli.so: cannot open shared object file: No such file or directory

    java 都用了N长时间了,突然,意外地发现有一个依赖的so文件从来没找见过 # ldd /usr/bin/java linux-vdso.so.1 =>  (0x00007fffba76900 ...