`
zhangyaochun
  • 浏览: 2608986 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

最近看的一篇文章-学习转载一下(页面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

 

 

 

  • 大小: 2 KB
  • 大小: 2 KB
  • 大小: 2.6 KB
分享到:
评论

相关推荐

    html文件head内部标记浅析(meta,link,base,body)

    HTML文件的结构主要由&lt;head&gt;和&lt;body&gt;两大部分组成,其中&lt;head&gt;标签包含了与文档元信息相关的内容,而&lt;body&gt;则包含实际可见的网页内容。本文将深入解析&lt;head&gt;内部的几个关键标记:、、以及&lt;body&gt;的基本属性。 一、 ...

    HTML5 对各个标签的定义与规定:body

    一个完整的HTML文档通常包含`&lt;head&gt;`和`&lt;body&gt;`两大部分,其中`&lt;body&gt;`部分包含了网页的所有可见内容,例如文本、图片、视频等多媒体元素以及各种交互功能。`&lt;body&gt;`标签可以被用来指定网页的基本布局和样式,并且...

    Html网页页面head区规范知识

    虽然`&lt;body&gt;`标签不属于`&lt;head&gt;`区域,但在这里也值得一提。为了确保不同浏览器的兼容性,推荐设置页面背景颜色。 示例: ```html &lt;body bgcolor="#FFFFFF"&gt; ``` 以上就是关于HTML文档`&lt;head&gt;`区域中必须和可...

    HTML5head头标签.pdf

    综上所述,从标题、描述和部分内容来看,这篇文档很可能是一份关于HTML5中&lt;head&gt;部分的标签使用指南,详细说明了如何使用不同的标签来优化网页的SEO、兼容性以及适配不同设备,尤其是移动设备的显示特性。...

    Head First HTML与CSS、XHTML 配套代码

    在学习过程中,建议你先了解HTML的基本结构,如`&lt;html&gt;`,`&lt;head&gt;`和`&lt;body&gt;`标签,然后学习如何使用HTML创建文本内容、列表、表格等。接着,掌握CSS的选择器、属性和值,学会如何选择元素并应用样式。最后,通过...

    linux离线安装es-head插件完整步骤以及安装包

    你需要下载一个包含所有依赖的`node_modules`目录,并将其放置在`es-head-master`目录下。如果没有,你需要在网络环境可用时,运行 `npm install` 来创建它,然后将该目录转移。 4. **配置Elasticsearch路径** ...

    美工之路 网页设计视频教程Html篇-03.body.head等.rar

    美工之路系列视频是为那些想从事网页前台设计的设计师们和网页设计爱好者量身定制的,本教程包含4个部分:HTML篇,CSS篇,Javascript篇和XML篇.不仅适用于网页设计的初学者,对中级以上水平的人员也有一定参考价值,使...

    Head First HTML and CSS, 2nd Edition

    - **基本结构**:了解如何构建一个简单的HTML文档,包括`&lt;html&gt;`、`&lt;head&gt;`和`&lt;body&gt;`等元素。 - **语义化标签**:学习使用语义化的HTML标签,如`&lt;article&gt;`、`&lt;section&gt;`和`&lt;header&gt;`等,这些标签有助于提高网页...

    制作百度音乐标签页面.7z

    在本项目中,我们主要关注的是使用HTML技术来制作一个百度音乐的标签页面。这是一个基础的前端开发练习,旨在帮助学习者掌握HTML的基本结构和语义化元素的应用。以下是关于这个话题的详细知识讲解: 一、HTML概述 ...

    html5.js文件,在head部分引用该文件,使各种浏览器支持html5

    这个文件通常在网页的&lt;head&gt;部分通过标签进行引用,以便在页面加载时执行,确保在用户打开网页时,浏览器已经准备好处理HTML5的特性。 在HTML5中,引入了许多创新的元素和API,如离线存储(离线Web应用程序)、拖放...

    新闻网站的html页面

    每篇文章可以包裹在`&lt;article&gt;`标签内,这样可以提高可读性和语义化。 4. **链接**:使用`&lt;a&gt;`标签创建超链接,可以指向其他页面或者资源。对于新闻网站,链接至相关报道、作者资料或更多内容是很常见的。 5. **...

    前端开源库-apeman-react-head

    `apeman-react-head` 是一个专注于头部元素管理的React组件库,它专为APEMAN(一个全面的前端应用管理框架)设计,致力于解决在React应用中处理页面头部元素(如title、meta标签等)的难题。 React作为Facebook推出...

    HTML常用标签和属性PPT

    HTML(HyperText Markup Language)是构建网页的基础语言,它通过一系列的标签和属性来描述页面结构和内容。这篇PPT "HTML常用标签和属性" 是为初学者设计的,旨在帮助他们快速掌握HTML的核心概念。 1. HTML标签: ...

    JSF2.0实战 - 7、自定义<h:head>

    在JSF(JavaServer Faces)2.0中,自定义`&lt;h:head&gt;`标签是一项重要的功能,它允许开发者对页面头部区域进行精细化控制,包括引入CSS样式表、JavaScript脚本和其他元信息。这一特性极大地提高了应用的灵活性和可维护...

    零基础学习html html教程

    标题元素`&lt;title&gt;`位于`&lt;head&gt;`标签内,定义了浏览器顶部的标题以及搜索引擎抓取的页面标题。例如: ```html &lt;head&gt; 我的第一个网页 &lt;/head&gt; ``` 主体`&lt;body&gt;`部分是网页内容的容器,包括文本、图像、链接、表格...

    163邮箱html页面

    DOCTYPE html&gt;),以及&lt;head&gt;和&lt;body&gt;标签,其中&lt;head&gt;包含了元信息,如字符编码(&lt;meta charset="UTF-8"&gt;)和CSS链接,而&lt;body&gt;则包含可见的内容。 2. **响应式设计**:为了适应不同设备的屏幕尺寸,163邮箱的HTML...

    elasticsearch-head插件

    在本例中,文件名为`elasticsearch-head-master.zip`,解压后得到源代码文件夹。 2. **安装依赖** Elasticsearch-Head是基于Node.js开发的,因此需要确保系统已安装Node.js和npm(Node包管理器)。如果尚未安装,...

    网站建设培训教程、HTML教程、html标签汇总

    - **`&lt;body&gt;` 标签**:包含所有用户可以看到的内容,如文本、图像和其他媒体。 - 示例: ```html &lt;body&gt; 这是一个段落。 图片描述"&gt; &lt;/body&gt; ``` - **属性**: - `bgcolor`:设置页面背景颜色。 - `text`...

    学好html+css基础

    通过本篇文章的学习,我们了解到HTML+CSS是构建网页的基础,它们分别负责内容和样式的处理。掌握了这些基础知识后,我们可以开始尝试创建自己的第一个网页,并逐渐深入学习更多高级技术和技巧,为成为一名合格的Web...

    index.html

    -- 单标签(也称空标签):有头没有尾,结尾会有一个关闭符,可写可不写 --&gt; &lt;!-- charset="UTF-8":声明该文档的字符编码集是UTF-8,如果不写,就会导致中文乱码 --&gt; &lt;!-- mate标签可以描述该文档的作者,项目说明...

Global site tag (gtag.js) - Google Analytics