• 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. javascript“类”与继承总结和回顾

    Javascipt语法不支持"类"(class)[es6已经支持],但是有模拟类的方法.今天我主要谈谈Javascipt中模拟“类”的方法及js中继承的总结和回顾. js中实现“类 ...

  2. [已解决]gitee初次使用git clone报错

    本文描述的错误按实际出现先后顺序排列,并且附上一些其他可能会出现的问题 错误1: JZKJ@DESKTOP-I7Q9QJ4 MINGW64 ~ $ git clone https://gitee.co ...

  3. PAT (Basic Level) Practise （中文）- 1026. 程序运行时间(15)

    PAT (Basic Level) Practise (中文)- 1026. 程序运行时间(15)    http://www.patest.cn/contests/pat-b-practise/10 ...

  4. CentOS 6.6 安装nfs网络文件系统

    http://www.linuxidc.com/Linux/2015-06/119370.htm   ####搭建 http://blog.csdn.net/liumiaocn/article/det ...

  5. ios设备屏幕尺寸与分辨率

    iOS 设备的屏幕尺寸.分辨率及其屏幕边长比例详细情况是怎样的? 根据屏幕尺寸和分辨率,ios现在数起来有6个版本.一,3GS:二,4s为代表:三,iphone5:四,ipad2为代表:五,ipad4 ...

  6. 分享一个C++与Python开发的中小型通用游戏服务端框架（跨平台，开源，适合MMORPG游戏）

    在开发一款游戏项目时,在立项时我们往往会考虑或者纠结很多,比如: 1,对于开发来说:服务端和客户端应该选择什么语言?用什么协议通信才更效率?协议后期如何维护?Socket是用长连接还是短连接?TCP还 ...

  7. 《C/C++工程师综合练习卷》之小试牛刀

    第一套练习之感受 刚刚注册了牛客网的账号,准备在此衡量一下水平,好好磨练一番.看到推荐练习<C/C++工程师综合练习卷>,oh,20道题,2个小时.由于木有经验,好一番紧张~ 结果用了20 ...

  8. luogu2805 [NOI2009]植物大战僵尸

    想象一下,要搞掉一个植物,必须先搞掉另一些植物--我们可以发现这是一个最大权闭合子图的问题. 最大权闭合子图的话,太空飞行计划问题是一个入门题,可以一看. 然而我们手玩一下样例就会惊恐地发现,保护关系 ...

  9. NYOJ 311 完全背包

    完全背包 时间限制:3000 ms  |  内存限制:65535 KB 难度:4   描述 直接说题意,完全背包定义有N种物品和一个容量为V的背包,每种物品都有无限件可用.第i种物品的体积是c,价值是 ...

  10. Leetcode 331.验证二叉树的前序序列化

    验证二叉树的前序序列化 序列化二叉树的一种方法是使用前序遍历.当我们遇到一个非空节点时,我们可以记录下这个节点的值.如果它是一个空节点,我们可以使用一个标记值记录,例如#. 例如,上面的二叉树可以被序 ...