日期:2014-05-17  浏览次数:20722 次

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

最近逛博文的时候看见一篇个人觉得比较有创意的博文,学习分享一下。
?? 在页面开发过程中省略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

?

?

?