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