HTML&CSS基础-文档声明

　　　　　　　　　　　　　　　　HTML&CSS基础-文档声明

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正杰

一.HTML的发展

　　1993年6月:
　　　　HTML第一个版本

　　1995年11月：
　　　　HTML2.0

　　1997年1月:
　　　　HTML3.2(W3C推荐)

　　1999年12月:
　　　　HTML4.01(W3C推荐)

　　2000年底:
　　　　XHTML1.0(W3C推荐),该版本是吸收了XML的一些标准，想让用户过渡到XML相关语法的特性，可惜官网并没有实现自己的期望，于是在2014年H5发布。

　　2014年10月:
　　　　HTML5(W3C推荐)

二.doctype

　　HTML总共有那么多版本，而且这其中至少有三个版本(HTML4.0.1,XHTML,HTML5)在广泛使用，那么浏览器怎么知道我们在使用哪个版本呢?

　　为了让浏览器知道我们使用的HTML版本，我们还需要在网页的最上边添加一个doctype声明，来告诉浏览器网页的版本。

1>.html4

过渡版:

　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

严格版:

　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

框架集:

　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

2>.xhtml1.0

过渡版:

　　"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

严格版:

　　"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

框架集:

　　"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

3>.html5

我们会发现html4.01和xhtml的文档声明十分的麻烦。不过不用担心，以上的内容都不是我们使用的，我们使用的是html5的文档声明，而且非常简单,如下所示:

　　<!DOCTYPE html>

三.编写源代码

<!--

    H5的文档声明，声明当前的网页是按照HTML5标准编写的，编写网页时一定要将h5的文档声明写在网页的最上边。

    如果不写文档声明，则会导致有些浏览器进入怪异模式，进入怪异模式以后，浏览器解析页面会导致页面无法正常显示，所以为了避免进入该模式，一定要写文档声明。

-->

<!DOCTYPE html>

<html>

    <head>

        <title>网页的标题</title>

    <head>

    <body>

        <h1>这是我的<font color="red" size="7">第一个</font>网页</h1>

    </body>

</html>

四.以上代码在浏览器渲染结果如下图所示

HTML&CSS基础-文档声明的更多相关文章

HTML（一）HTML基础语法（HTML简介，HTML文档声明）
HTML 概念介绍 [概念] (Hyper Text Markup Language)超文本标记语言,是用来描述网页的一种语言超文本(Hyper Text):不只包括文本,也可以包括图片.链接.音乐 ...
HTML文档声明
前面的话 HTML文档通常以类型声明开始,该声明将帮助浏览器确定其尝试解析和显示的HTML文档类型.本文将详细介绍文档声明DOCTYPE 特点文档声明必须是HTML文档的第一行.且顶格显示, ...
为什么要加入<!doctype html>这个文档声明——IE怪异模式
调试了很久,发现了一个非常细微但又十分重要的问题,又一次我在对于文档声明类型的时候,声明了如下类型 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 ...
XML的文档声明
1.XML的文档声明 <?xml version="1.0" encoding="utf-8"?> 文档声明必须写在第一行第一列属性: versi ...
课时15.DTD文档声明下（了解）
W3C的官方网站是W3School,我们可以去官方网站查询DTD文档声明. HTML4.01 Strict 非常严谨的如果你写了这个DTD文档声明,你就不能写如下样式: <fon ...
文档声明和HTML样式表
文档声明不是注释也不是元素,总是在HTML的第一行书写格式:<!DOCTYPE HTML> 是用于通知浏览器目前文档正使用哪一个HTML版本(相关属性 lang) 若不写文档声明,浏览 ...
day01 html介绍文档声明头 head标签 body标签
day01 html 初识html  <!doctype html> <html lang="en"> # ...
css参考文档；官方英文说明！！ 1 margin padding 百分比参照物 2 margin值为auto时的说明 3 div在div里垂直居中方法 4 dispaly:flex说明
css参考文档 http://css.doyoe.com/ 两篇很好的文章:(下面的css官方英文说明链接有时间可以研究下 http://www.w3.org/TR/css3-box/ ...
[中文版] 可视化 CSS References 文档
本文分享了我将可视化 CSS References 文档翻译成中文版的介绍,翻译工作还在陆续进行中,供学习 CSS 参考. 1. 可视化 CSS References 文档介绍许多 CSS 的文档都 ...

随机推荐

【嵌入式开发】裸机引导操作系统和ARM 内存操作 ( DRAM SRAM 类型简介 | Logical Bank | 内存地址空间介绍 | 内存芯片连接方式 | 内存初始化 | 汇编代码示例 )
[嵌入式开发]ARM 内存操作 ( DRAM SRAM 类型简介 | Logical Bank | 内存地址空间介绍 | 内存芯片连接方式 | 内存初始化 | 汇编代码示例 ) 一. 内存 ...
django 未成功初始化自定义表单
用以下两句 python3 manage.py makemigrations python3 manage.py migrate 成功初始化了数据库,但是只初始化了django自带的表,未初始化我自定 ...
Nginx - 安装并启动Nginx
1 - 安装Nginx 官网步骤:http://nginx.org/en/linux_packages.html#RHEL-CentOS [Anliven@h202 ~]$ sudo vim /etc ...
[数据结构 - 第3章] 线性表之双向链表（C语言实现）
一.什么是双向链表? 双向链表(double linked list)是在单链表的每个结点中,再设置一个指向其前驱结点的指针域.所以在双向链表中的结点都有两个指针域,一个指向直接后继,另一个指向直接前 ...
jiaba
Linux下Ngnix的安装与配置
由于我的博客项目在8084端口,需要Nginx来转发一下端口,记录一下安装过程和踩过的小坑. 一.下载 wget http://nginx.org/download/nginx-1.12.2.tar. ...
（八）pdf的构成之文件体（page属性）
资源(Resources) 类型:字典属性: Font :一个字典,内部是该资源包含的各个字体的名称(字体名称F开头) ProcSet :该资源中使用图画还是文字,可选 /PDF /Text /Im ...
mysql5.7新增加用户和授权
迁移mysql数据库,运行项目的时候发现nginx和uWSGI都配置正确,可就是网站打不开,看了log文件,发现错误: django.db.utils.OperationalError: (1044, ...
git 学习笔记 --Bug分支
软件开发中,bug就像家常便饭一样.有了bug就需要修复,在Git中,由于分支是如此的强大,所以,每个bug都可以通过一个新的临时分支来修复,修复后,合并分支,然后将临时分支删除. 当你接到一个修复一 ...
lsb_release -a linux查看版本未找到命令
解决方案 yum install -y redhat-lsb 安装完后

HTML&CSS基础-文档声明

HTML&CSS基础-文档声明的更多相关文章

随机推荐

热门专题