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. html5 file 上传图片

    说明:开发环境 vs2012 mvc4项目,后台语言csharp 1.前端代码 <html xmlns="http://www.w3.org/1999/xhtml"> ...

  2. asp.net 列表控件

    web空间类都被放置在System.Web.UI.WebControls命名空间下1.ListBox  ListBox控件用于创建多选的下拉列表,而可选项是通过ListItem元素来定义的.示例代码如 ...

  3. dialog更新数据

    将数据显示在最上面

  4. Windows Server 2012 修改桌面图标

    在virtualbox 4.2.18中装了个Windows Server 2012 来体验下,结果发现桌面图标都不知道在哪改.在百度文库上找到了解决方法:http://wenku.baidu.com/ ...

  5. iap 应用内购买相关的解释

    应用范围app Store Review Guidelines : https://developer.apple.com/app-store/review/guidelines/  中 11.12  ...

  6. 对xml文件的sax解析（增删改查）之二

    先上代码: package com.saxparsetest; //the filename of this file is :saxparse.java import javax.xml.parse ...

  7. Android BLE 总结－源码篇(BluetoothLeAdvertiser)

    在做Android BLE的应用程序时,我们发出广播数据是调用BluetoothLeAdvertiser的startAdvertising方法,如下所示: mBluetoothLeAdvertiser ...

  8. android vector pathData探究,几分钟绘制自己的vectordrawable

    之前经常看到一些酷酷的图标效果, 深入进去发现不是直接用的图片, 而是一些以Vector标签开头的xml文件, 于是就看到了如下代码: <vector xmlns:android="h ...

  9. codeforces C. New Year Ratings Change 解题报告

    题目链接:http://codeforces.com/problemset/problem/379/C 题目意思:有n个users,每个user都有自己想升的rating.要解决的问题是给予每个人不同 ...

  10. No java virtual machine ....

    运行Eclipse提示No java virtual machine   版权声明:本文原创作者:一叶飘舟 作者博客地址:http://blog.csdn.net/jdsjlzx http://blo ...