- 浏览: 2612926 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
最近逛博文的时候看见一篇个人觉得比较有创意的博文,学习分享一下。
在页面开发过程中省略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
发表评论
-
X-Frame-Options
2014-08-16 18:15 1218最近客户端内嵌的页面发现了 X-Frame-Opt ... -
HTML实体字符列表
2014-08-08 17:55 918最近在研习he这个Node包,里面提到了一些不错 ... -
object各标签的参数和值
2013-11-09 15:06 1289相比而言,现在flash object用的相对不 ... -
seo相关的meta设置revisit-after
2013-02-27 13:46 1783revisit-after ----- ... -
HTML标签之object
2012-11-06 22:03 1509本文简单记录一下object标签相关内容 1、定义和用 ... -
说说DTD(doctype)
2012-09-24 21:01 1198其实在很多场合说过这个点了,但是没有系统的介绍一下,还是简单说 ... -
关于X-UA-Compatible
2012-07-07 16:28 13751、what is X-UA-Compatible ? ... -
html<td>标签的nowrap属性
2012-07-02 20:50 1603HTML <td> 标签的 nowrap 属 ... -
HTML rel canonical属性值
2012-05-13 15:54 1773这个可能很多专门做seo优化的人应该比较清楚,下面我简单介绍 ... -
autocomplete属性
2012-05-02 10:59 1917简单记录,个人积累。 1、定义: ... -
mailto的介绍
2012-02-28 16:41 2152HTML支持邮件链接,我们可以如下的进行设置a标签: ... -
html字符实体
2011-12-16 11:29 1565HTML 字符实体 1、 什么是字符实体? ... -
从块级元素和内联元素浅谈标签的嵌套规则
2011-12-10 22:14 5888从一个问题说起吧------------div能不能放在p标签 ... -
html浅谈之图像映射
2011-09-25 12:24 3714或许做前端到现在你没有接触过图像映射这个东东,但是如果你是一个 ... -
html页面设计浅谈
2011-09-24 12:37 1611其实做了一段的前端页面开发你就会发现,开始的时候无论是css类 ... -
html之浅谈link标签的奇葩属性和标准规范性
2011-09-22 14:27 1698今天在某一个大型网站的demo里面看到这么一段 ...
相关推荐
HTML文件的结构主要由<head>和<body>两大部分组成,其中<head>标签包含了与文档元信息相关的内容,而<body>则包含实际可见的网页内容。本文将深入解析<head>内部的几个关键标记:、、以及<body>的基本属性。 一、 ...
一个完整的HTML文档通常包含`<head>`和`<body>`两大部分,其中`<body>`部分包含了网页的所有可见内容,例如文本、图片、视频等多媒体元素以及各种交互功能。`<body>`标签可以被用来指定网页的基本布局和样式,并且...
虽然`<body>`标签不属于`<head>`区域,但在这里也值得一提。为了确保不同浏览器的兼容性,推荐设置页面背景颜色。 示例: ```html <body bgcolor="#FFFFFF"> ``` 以上就是关于HTML文档`<head>`区域中必须和可...
综上所述,从标题、描述和部分内容来看,这篇文档很可能是一份关于HTML5中<head>部分的标签使用指南,详细说明了如何使用不同的标签来优化网页的SEO、兼容性以及适配不同设备,尤其是移动设备的显示特性。...
在学习过程中,建议你先了解HTML的基本结构,如`<html>`,`<head>`和`<body>`标签,然后学习如何使用HTML创建文本内容、列表、表格等。接着,掌握CSS的选择器、属性和值,学会如何选择元素并应用样式。最后,通过...
你需要下载一个包含所有依赖的`node_modules`目录,并将其放置在`es-head-master`目录下。如果没有,你需要在网络环境可用时,运行 `npm install` 来创建它,然后将该目录转移。 4. **配置Elasticsearch路径** ...
美工之路系列视频是为那些想从事网页前台设计的设计师们和网页设计爱好者量身定制的,本教程包含4个部分:HTML篇,CSS篇,Javascript篇和XML篇.不仅适用于网页设计的初学者,对中级以上水平的人员也有一定参考价值,使...
- **基本结构**:了解如何构建一个简单的HTML文档,包括`<html>`、`<head>`和`<body>`等元素。 - **语义化标签**:学习使用语义化的HTML标签,如`<article>`、`<section>`和`<header>`等,这些标签有助于提高网页...
在本项目中,我们主要关注的是使用HTML技术来制作一个百度音乐的标签页面。这是一个基础的前端开发练习,旨在帮助学习者掌握HTML的基本结构和语义化元素的应用。以下是关于这个话题的详细知识讲解: 一、HTML概述 ...
这个文件通常在网页的<head>部分通过标签进行引用,以便在页面加载时执行,确保在用户打开网页时,浏览器已经准备好处理HTML5的特性。 在HTML5中,引入了许多创新的元素和API,如离线存储(离线Web应用程序)、拖放...
每篇文章可以包裹在`<article>`标签内,这样可以提高可读性和语义化。 4. **链接**:使用`<a>`标签创建超链接,可以指向其他页面或者资源。对于新闻网站,链接至相关报道、作者资料或更多内容是很常见的。 5. **...
`apeman-react-head` 是一个专注于头部元素管理的React组件库,它专为APEMAN(一个全面的前端应用管理框架)设计,致力于解决在React应用中处理页面头部元素(如title、meta标签等)的难题。 React作为Facebook推出...
HTML(HyperText Markup Language)是构建网页的基础语言,它通过一系列的标签和属性来描述页面结构和内容。这篇PPT "HTML常用标签和属性" 是为初学者设计的,旨在帮助他们快速掌握HTML的核心概念。 1. HTML标签: ...
在JSF(JavaServer Faces)2.0中,自定义`<h:head>`标签是一项重要的功能,它允许开发者对页面头部区域进行精细化控制,包括引入CSS样式表、JavaScript脚本和其他元信息。这一特性极大地提高了应用的灵活性和可维护...
标题元素`<title>`位于`<head>`标签内,定义了浏览器顶部的标题以及搜索引擎抓取的页面标题。例如: ```html <head> 我的第一个网页 </head> ``` 主体`<body>`部分是网页内容的容器,包括文本、图像、链接、表格...
DOCTYPE html>),以及<head>和<body>标签,其中<head>包含了元信息,如字符编码(<meta charset="UTF-8">)和CSS链接,而<body>则包含可见的内容。 2. **响应式设计**:为了适应不同设备的屏幕尺寸,163邮箱的HTML...
在本例中,文件名为`elasticsearch-head-master.zip`,解压后得到源代码文件夹。 2. **安装依赖** Elasticsearch-Head是基于Node.js开发的,因此需要确保系统已安装Node.js和npm(Node包管理器)。如果尚未安装,...
- **`<body>` 标签**:包含所有用户可以看到的内容,如文本、图像和其他媒体。 - 示例: ```html <body> 这是一个段落。 图片描述"> </body> ``` - **属性**: - `bgcolor`:设置页面背景颜色。 - `text`...
通过本篇文章的学习,我们了解到HTML+CSS是构建网页的基础,它们分别负责内容和样式的处理。掌握了这些基础知识后,我们可以开始尝试创建自己的第一个网页,并逐渐深入学习更多高级技术和技巧,为成为一名合格的Web...
-- 单标签(也称空标签):有头没有尾,结尾会有一个关闭符,可写可不写 --> <!-- charset="UTF-8":声明该文档的字符编码集是UTF-8,如果不写,就会导致中文乱码 --> <!-- mate标签可以描述该文档的作者,项目说明...