1. <html>元素

<html xmlns="http://www.w3.org/1999/xhtml">

仅有两个元素是<html>的直接子元素：<head>,<body>

2. <head>元素

<head>元素是所有其他头元素的容器，紧跟在起始标签<html>之后；

每个<head>元素应当包含一个<title>元素以指示文档的标题；也可以以任意顺序包含如下元素的任意组合：

  • <base>定义页面中所有链接的默认地址或默认目标

假设一个图片的绝对地址：

<img src="http://www.w3school.com.cn/i/eg_smile.gif" />

现在加入<base>标签，就可以：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <base href="http://www.w3school.com.cn/i/" />

 <base target="_blank" />

 </head>

 <body>

 <img src="eg_smile.gif" />

 <a href="http://www.w3school.com.cn">W3School</a>

 </body>

 </html>
  • <object>用于包含图像、JavaScript对象、Flash动画、Mp3文件、QuickTime电影以及页面的其他组件
 <object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1"

 width="100" height="50">

 <param name="BorderStyle" value="1" />

 <param name="MousePointer" value="0" />

 <param name="Enabled" value="1" />

 <param name="Min" value="0" />

 <param name="Max" value="10" />

 </object>
  • <link>用于链接到外部文件，例如样式表或JavaScript文件
 <head>

 <link rel="stylesheet" type="text/css" href="/html/csstest1.css" >

 </head>
  • <style>用于在文档中包含CSS规则
 <head>

 <style type="text/css">

 h1 {color:red}

 p {color:blue}

 </style>

 </head>
  • <script>用于在文档中包含脚本
 <html>

 <body>

 <script type="text/javascript">

 document.write("<h1>Hello World!</h1>")

 </script> 

 </body>

 </html>

结果是页面上显示： Hello World！

  • <meta>用于包含与文档相关的信息，例如关键字和文档的描述，他们特别有助于搜索应用程序
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

3. <title>元素

<title>元素的使用方式包括：

  • 位于浏览器窗口的顶部
  • 作为浏览器中书签的默认名称
  • 通过使用内容的搜索引擎以帮助索引页面

4. <body>元素

<body>元素出现在<head>元素之后，它包含用户能够在浏览器主窗口中看到的部分web页面内容，这部分内容有时称为主体内容

XHTML学习笔记 Part2：核心元素的更多相关文章

  1. Vue.js学习笔记：在元素 和 template 中使用 v-if 指令

    f 指令 语法比较简单,直接上代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " ...

  2. Python3+Selenium3+webdriver学习笔记10（元素属性、页面源码）

    #!/usr/bin/env python# -*- coding:utf-8 -*-'''Selenium3+webdriver学习笔记10(元素属性.页面源码)'''from selenium i ...

  3. Hadoop入门学习笔记---part2

    在<Hadoop入门学习笔记---part1>中感觉自己虽然总结的比较详细,但是始终感觉有点凌乱.不够系统化,不够简洁.经过自己的推敲和总结,现在在此处概括性的总结一下,认为在准备搭建ha ...

  4. js便签笔记（12）——浏览TOM大叔博客的学习笔记 part2

    1. 前言 昨天写了<js便签笔记(11)——浏览TOM大叔博客的学习笔记 part1>,简单记录了几个问题.part1的重点还是在于最后那个循环创建函数的问题,也就是多个子函数公用一个闭 ...

  5. XHTML学习笔记 Part3：核心属性

    1. 3个属性组: 核心属性:class.id 和title属性 国际化属性:dir.lang和xml:lang属性 UI事件:与如下事件关联的属性: onclick.ondoubleclick.on ...

  6. STM32学习笔记之核心板PCB设计

    PCB设计流程 PCB规则设置 设计规则的单位跟随画布属性里设置的单位,此处单位是mil.导线线宽最小为10mil;不同网络元素之间最小间距为8mil;孔外径为24mil,孔内径为12mil;线长不做 ...

  7. HTML5学习笔记三 HTML元素、属性、标题、段落简介

    一.HTML 元素 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容(empty content) 空元素在开始标签 ...

  8. XHTML学习笔记

    1.每个网页都是在XML声明和DTD之后以一个<html>标记开始,以一个</html>标记结束 这两个标记表明在它们之间的所有文本都是HTML格式,他告诉浏览器如何理解该文档 ...

  9. XHTML学习笔记 Part4：列表

    1. 空格 如果在两个单词中间放置几个连续的空格,默认情况下只会显示一个空格,这种情况成为空格折叠.同样,如果在源文档中开始一个新行,或者放置多个连续的空行,则这些新行将被忽略并被处理为一个空格.对制 ...

随机推荐

  1. openssl之BIO系列之20---缓冲（buffer）类型BIO

    缓冲(buffer)类型BIO ---依据openssl doc\crypto\bio_f_buffer.pod翻译和自己的理解写成 (作者:DragonKing, Mail: wzhah@263.n ...

  2. [RK3288][Android6.0] 调试笔记 --- eMMC分区号和名字的对应【转】

    本文转载自:http://blog.csdn.net/kris_fei/article/details/77318410 Platform: Rockchip OS: Android 6.0 Kern ...

  3. Codeforces Round #394 (Div. 2) D. Dasha and Very Difficult Problem —— 贪心

    题目链接:http://codeforces.com/contest/761/problem/D D. Dasha and Very Difficult Problem time limit per ...

  4. ES6 对Math对象的扩展

    Math 对象的扩展 Math.trunc() Math.trunc(4.1) // 4 Math.trunc(4.9) // 4 Math.trunc(-4.1) // -4 Math.trunc( ...

  5. [原创]java在线比较两个word文件

    一.项目背景 开发文档管理系统或OA办公系统的时候,实现在线处理word文档的功能比较容易,但是也经常会有客户提出文档版本管理的需求,这就需要同时在线打开两个word文件,对比两个不同版本的word文 ...

  6. hdu-5726 GCD(rmq)

    题目链接: GCD Time Limit: 10000/5000 MS (Java/Others)     Memory Limit: 65536/65536 K (Java/Others) Prob ...

  7. VC6.0 快捷键

    F1: 帮助 Ctrl+O   :OpenCtrl+P   :PrintCtrl+N   :NewCtrl+Shift+F2 :清除所有书签F2    :上一个书签Shift+F2 :上一个书签Alt ...

  8. Jasper：API / 后向兼容性

    ylbtech-Jasper:API / 后向兼容性 1.返回顶部 1. 后向兼容性 为了给客户提供创新的业务解决方案,Cisco Jasper 会定期扩展我们 API 框架的功能.我们会尽最大努力确 ...

  9. AngularJS系统学习之$watch（监控）

    在scope的内置的所有函数中,用的最多的可能就是$watch函数了, 当你的数据模型中某一部分发生变化时,$watch函数可以向你发出通知. 你可以监控单个对象的属性,亦可以监控需要经过计算的结果( ...

  10. Andriod开发 --插件安装、环境配置、问题集锦

    1.用Eclipse搭建Android开发环境和创建第一个Android项目(Windows平台) 链接阅读http://www.cnblogs.com/allenzheng/archive/2012 ...