• 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. 将回车键转换为Tab键

    实现效果: 知识运用: KeyEventArgs类的KeyValue属性 public int KeyValue {get;} //获取KeyDown或KeyUp事件的键盘值 SendKeys类的Se ...

  2. 还有这种书，程序开发心理学(豆瓣) - 豆瓣读书，转载自：https://book.douban.com/subject/1141154/

    登录/注册 下载豆瓣客户端 豆瓣 读书 电影 音乐 同城 小组 阅读 FM 时间 豆品 更多 豆瓣读书   购书单 电子图书 豆瓣书店 2018年度榜单 2018书影音报告 购物车 程序开发心理学 作 ...

  3. strchr函数

    函数原型:extern char *strchr(char *str,char character) 参数说明:str为一个字符串的指针,character为一个待查找字符.         所在库名 ...

  4. shell脚本，逻辑结构题练习。

    awk '/5/{a=1}!a' file2结果:1234解释:第一行 /5/不匹配跳过{a=1},继续!a,此时a没有值属于假取反为真,故输出第一行 第二行 /5/不匹配跳过{a=1},继续!a,此 ...

  5. Python解释器镜像源修改

    目录 Windows Mac 这篇文章将解除你使用python的pip install xxx受到的网速限制,如果只是下载较小的第三方库,可以尝试pip --default-timeout=100 i ...

  6. python--基础数据类型的补充与深浅copy

    一 . join的用法 lst =['吴彦祖','谢霆锋','刘德华'] s = '_'.join(lst) print(s) # 吴彦祖_谢霆锋_刘德华 # join() "*" ...

  7. DRF框架中的演变View

    import json from django.db import DatabaseError from django.http import HttpResponse from django.htt ...

  8. vmalloc_init

    /* linux/mm/vmalloc.c*/ struct vmap_area { unsigned long va_start; unsigned long va_end; unsigned lo ...

  9. linux文本界面../和./的区别

    linux文本界面../和./的区别 ../代表的是上一个目录 ./代表的当前目录

  10. shell中的$(( )) 的用途：主要用在整数的运算$(( a+b*c ))

    $ a=5; b=7; c=2 $ echo $(( a+b*c ))//注意在进行这些运算时必须是双括号 $ echo $(( (a+b)/c )) $ echo $(( (a*b)%c))