HTML页面源代码布局介绍_动力节点Java学院整理
我要评论HTML 页面源代码布局介绍
此介绍以google首页源代码截图为例：
从上到下依次介绍：
<!DOCTYPE html> 此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
XHTML规范：必须小写，有开始结束标签，属性也用双引号。
HTML规范：不区分大小写，有开始和结束标签，也可把结束标签放在开始标签里，如：<input type='text' /> 。属性可用双引号、单引号(必须配对使用)。
HTML 节点：HTML页面的根节点，页面的代码信息都放在这个节点里。
<head> 节点：头部节点。包含以下子节点：
<mete> 标签：提供页面的元信息(meta-information),比如页面关键字；
<title> 标签：页面的标题；
<script> 标签：一般存放Css和JavaScript代码的区域；
<Body> 节点：页面内容区域，存放html各元素信息
<Div> 标签 ： 存放各元素控件。
<script> 标签：因为Html页面是从上到下加载，不是加载完再一次性显示内容，而是一边加载一边展示内容。
把Script放在body的后面，类似于说明此Script里的代码要调用body里的元素。若放在Head标签里，运行到此script代码时，body里的元素还没有加载，会获取不到所需的元素信息。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
- 本文从CSS3的布局（CSS的布局的演化、CSS3盒模型-box-sizing、float布局中的bfc、Flexbox简介）Header布局的实现（float实现布局、Header js的实现）向我们展示了HTML5与CS2014-11-21
- 这篇文章主要介绍了css网站布局实录学习笔记第二部分,需要的朋友可以参考下2014-04-28
- CSS三列布局走出HTML布局阴影，两端固定宽度，中间自适应结构，下面有个不错的示例，大家可以参考下2014-02-27
- 左右布局的形式想必大家都熟悉吧，在本文有个不错的示例，希望可以帮助大家更好的了解左右布局的概念2013-10-05
- 在最新的html标准中 有了个calc css表达式，我们可以用这个来计算布局。但是在古老的IE中，却不支持，为了所有浏览器的支持，下面与大家分享下使用js来解决不支持的问题2013-06-13
基于display:table的CSS布局让HTML元素和像table一样
display:table的CSS声明能够让一个HTML元素和它的子节点像table元素一样。使用基于表格的CSS布局，使我们能够轻松定义一个单元格的边界、背景等样式，而不会产生因为使用了2012-12-07- 网页制作Webjx文章简介：CSS网页布局学习之Font-size的妙用. 我在做网站项目的时候通常需要定义一个高度为10px以下的div。代码如下： <!DOCTYPE htm2009-04-02
CSS网页布局:网页页面结构化-CSS教程-网页制作-网页教学网
你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效2008-10-17CSS页面布局中HTML结构化-CSS教程-网页制作-网页教学网
您正在学习WEB标准CSS网页布局吗？是不是还不能完全掌握纯CSS布局？通常有两种需要您特别注意： 第一种可能是你还没有理解CSS处理页面的原理。 在你考2008-10-17关于DIV CSS和XHTML CSS的理解-CSS教程-网页制作-网页教学网
WEB标准是一系列标准的集合，并不是仅“DIV CSS”布局就可以实现。以CSS网页布局只是标准的基础之一。“DIV CSS”布局只是一种通俗的称呼罢了。而2008-10-17
最新评论