• 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. CS 分解

    将学习到什么 CS 分解是分划的酉矩阵在分划的酉等价之下的标准型. 它的证明涉及奇异值分解.QR 分解以及一个简单习题.   一个直观的习题 设 \(\Gamma, L \in M_p\). 假设 \ ...

  2. C02 信息存储与运算

    目录 计算机内存 常量和变量 数据类型 运算符 计算机内存管理 计算机内存 信息存储概述 使用程序进行开发时,需要存储各种信息,这时候就需要用到变量.由于信息类型不同,变量的类型也因此不尽相同. 同时 ...

  3. Spring根据XML配置文件注入属性 其实也是造bean，看看是使用constructor还是setter顺带完成属性赋值

    方法一使用setter方法 package com.swift; public class Book { private String bookName; public void setBook(St ...

  4. HDU-1009-肥鼠交易

    这题是一道简单的可拆分的贪心题目,需要注意的是,我们定义的结构体里面都应该用double类型, 或者float类型,不然两个int相除,就失去了精度(强转也可以). #include <cstd ...

  5. 【dp】淘宝的推荐系统

    可能最近做二分和DFS做傻了? 小明刚刚入职淘宝,老大给他交代了一个简单的任务,实现一个简易的商品推荐系统. 这个商品推荐系统的需求如下: 一共有 n 件商品可以被推荐,他们的编号分别为 1 到 n. ...

  6. MacBook Pro休眠掉电、耗电量大问题解决方案

    1.前言 最近我的2015mbpMacBook Pro (Retina, 13-inch, early 2015)更新完10.14系统后,发现休眠待机一晚上后能掉5%电,白天待机4-5小时又掉了8%. ...

  7. 【Charles】使用Charles时，抓不到包的情况。

    有可能是因为浏览器的代理权限给了其他插件,需要停用该插件,重启浏览器,重新进行访问就可以看到Charles的抓包信息了.

  8. 《linux设备驱动开发详解》笔记——6字符设备驱动

    6.1 字符设备驱动结构 先看看字符设备驱动的架构: 6.1.1 cdev cdev结构体是字符设备的核心数据结构,用于描述一个字符设备,cdev定义如下: #include <linux/cd ...

  9. mysql复制延迟排查

    今天收到报警,提示从库延时,首先当然是上去查看情况,首先查看机器负载,如下: 可以看到使用cpu已经100%,io没有等待.那么查看mysql是什么情况,执行show processlist没有发现任 ...

  10. VisionPro显示隐藏搜索区域

    假如我们需要显示两张图,一张显示CogPMAlignTool工具不带搜索区域的,一张显示CogPMAlignTool工具带搜索区域的图像 VisionPro显示隐藏搜索区域 VisionPro显示隐藏 ...