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. 微信小程序开发：学习笔记[9]——本地数据缓存

    微信小程序开发:学习笔记[9]——本地数据缓存 快速开始 说明 本地数据缓存是小程序存储在当前设备上硬盘上的数据,本地数据缓存有非常多的用途,我们可以利用本地数据缓存来存储用户在小程序上产生的操作,在 ...

  2. KeyChain相关参数的说明

    #pragma mark- 密钥类型 //密钥类型键 //CFTypeRef kSecClass // //值 //CFTypeRef kSecClassGenericPassword         ...

  3. LightOJ1259 Goldbach`s Conjecture —— 素数表

    题目链接:https://vjudge.net/problem/LightOJ-1259 1259 - Goldbach`s Conjecture    PDF (English) Statistic ...

  4. Java 使用POI操作EXCEL及测试框架搭建、测试开发的一些想法

    无论是UI自动化测试还是接口自动化测试都需要进行数据驱动,一般很常见的一种方式就是用excel来管理数据,那么就涉及到一些代码对EXCEL的操作,之前我们介绍过用CSV来处理EXCEL,但是它的功能还 ...

  5. sqlserver锁表查看

    sp_lock--查询哪个进程锁表了,spid:进程ID,ObjId:对象ID EXEC sp_executesql N'KILL [spid]'--杀进程 select object_name([O ...

  6. java 基于百度地图API GPS经纬度解析地址

    首先这是百度地图api 的接口地址,基于接口的参数,不过多介绍,其中都提供相应的介绍: http://lbsyun.baidu.com/index.php?title=webapi/guide/web ...

  7. bzoj1556 (DP)

    bzoj 1556 点这里打开题目 题目是求 a^2 求和: 原问题可以转化为:两个人在玩这个东西,问这两个人弄出来的序列相同的有多少种情况,操作方式不同即为一种不同的情况. 就这个问题,参考大佬的D ...

  8. 关于「环境变量」PATH，CLASSPATH

    以前在Windows中配置Java环境变量的时候初次遇到要配置环境变量,当时并不知道那是干什么用的,只知道配置了之后,在任何一个文件夹都可以使用"javac"命令来编译java文件 ...

  9. [IOI 2018] Werewolf

    [题目链接] https://www.luogu.org/problemnew/show/P4899 [算法]         建出原图的最小/最大生成树的kruskal重构树然后二维数点 时间复杂度 ...

  10. 【旧文章搬运】关于在指定进程调用KeUserModeCallback的问题

    原文发表于百度空间,2010-10-07========================================================================== 由于KeU ...