最近看的一篇文章-学习转载一下（页面html，head,body标签如果没有）

zhangyaochun

浏览: 2595794 次
性别:
来自: 北京

最近访客更多访客>>

xiao0556

u012363178

yonysun

jacky2067

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

html基础

HTML 浏览器 CSS Opera 数据结构

最近逛博文的时候看见一篇个人觉得比较有创意的博文，学习分享一下。
在页面开发过程中省略html,head,body这三个标签是可以省略的。当然很多人也在别的书上或者http://www.w3.org看过。The html element represents the root of an HTML document.-----其实在标准中html元素是根元素，而且里面的Content model:A head element followed by a body element.----内容模型里面提出只能包含一个head元素和body元素，而且head必须在body之前。
其实看到这里大家也会有一个疑问，如果我在页面完全不写三个元素，那么浏览器会不会报错，或者自动按照标准创建三个元素，或者按照什么原理来解析。呵呵，心动不如行动嘛，我也自己新建了一个html。
主要的结构也是很简单的
<!DOCTYPE html>
<h1>dawd</h1>
<p>ces</p>

下面是我自己用不同的浏览器解析生成的：
（1）Opera

（2）FF

(3)IE8

这边我暂时只是简单地举例了一下3个浏览器，但是结果也是一致的，当然我这边我没有在文档树里面加入一些<style>标签，如果你在测试demo的时候加入了，浏览器解析完会给你正确地放在指定的位置。

浏览器始终创建一个head元素，并自上而下依次检查页面源码中的各标签，能够加入到head元素的标签都加入到head元素中，随后将剩余的元素分配到自动创建的body元素中。(引用了一下原作者的结论)。

---当然在这里可能会有一些人问---什么则称为“正确的放入指定的位置”。

这边我也举个例：

The head element

The head element represents a collection of metadata for the Document.

Here is an example of a longer one:

<!DOCTYPE HTML>
<HTML>
 <HEAD>
  <META CHARSET="UTF-8">
  <BASE HREF="http://www.example.com/">
  <TITLE>An application with a long head</TITLE>
  <LINK REL="STYLESHEET" HREF="default.css">
  <LINK REL="STYLESHEET ALTERNATE" HREF="big.css" TITLE="Big Text">
  <SCRIPT SRC="support.js"></SCRIPT>
  <META NAME="APPLICATION-NAME" CONTENT="Long headed application">
 </HEAD>
 <BODY>
 ...

head元素的内容模型称为“metadate content”--元数据内容，一般包括：base、command、link、meta、noscript、script、style、title