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. 谈谈EJB是怎样公布Web Service的

    定义 我们常常会听到.xx项目中用到了Web Service.那么.什么是Web Service呢? 首先让我们来了解一下Web Service.Web Service技术.就是能使得执行在不同机器上 ...

  2. 区分：WebElement, MobileElement, AndroidElement, and iosElement

    区分:WebElement, MobileElement, AndroidElement, and iosElement 原文地址:https://discuss.appium.io/t/differ ...

  3. Android Weekly Notes Issue #241

    Android Weekly Issue #241 January 22nd, 2017 Android Weekly Issue #241 本期内容包括: 经典导航模式Master/Detail的设 ...

  4. javascrip中ajax

    移动端对加载速度要求比较高,由于jquery插件有270多k,无形中增加加载的速度,下面整理一下原生js中ajax: 先了解ajax的基础知识 (1)XMLHttpRequest 对象 XMLHttp ...

  5. SCUT125 华为杯 D.笔芯回文 —— DP

    题目链接: https://scut.online/p/125 题目描述 bxbx有一个长度一个字符串SS,bxbx可以对其进行若干次操作. 每次操作可以删掉一个长度为k(1 \leq k \leq ...

  6. Gym - 100283F F. Bakkar In The Army —— 二分

    题目链接:http://codeforces.com/gym/100283/problem/F F. Bakkar In The Army time limit per test 2 seconds ...

  7. INSTALL_FAILED_UID_CHANGED

    ADT试图安装console显示上面的提示.网上查的办法: 1. 删除/data/app/(filename) 文件夹下的apk包 2. 删除/system/app/(filename) 文件夹下的a ...

  8. bootstrap学习大纲

    bootstrap 学习分三部分,分别是 css样式,css组件,js插件. 下面介绍三部分分别要学习的内容: 1.css样式:栅格系统,排版,代码,表格,表单,按钮,图片,辅助类,响应式工具. 2. ...

  9. telnet命令发送邮件

    下面的例子是用qq的smtp服务器. set localecho 本地回显启用 smtp.qq.com Esmtp QQ Mail Server helo sis smtp.qq.com//服务器返回 ...

  10. poj2828 Buy Tickets——倒序处理

    题目:http://poj.org/problem?id=2828 这题可以倒序来做,因为越靠后的人实际上优先级越高: 用0和1表示这个位置上是否已经有人,0表示有,1表示没有,这样树状数组维护前缀和 ...