1.base 元素
在HTML5 中建议把base 作为head 的**个子元素,这样head 中的其他元素就可以使用base 的信息了。如下代码演示了base 元素的使用方法。
首页
在这里将默认的URL 设置为www.oa.cn,因此首页的真实链接URL 是www.oa.cn/index.html。
2.link 元素
link 元素常用于链接外部样式表,示例代码如下:
HTML5 中的link 元素不再支持charset、rev 和target 属性,但新增了sizes 属性。sizes 属性仅适用于rel 属性为icon 的情况,此时该属性用于定义图标的尺寸,示例代码如下:
3.meta 元素
在HTML5 中,meta 元素不再支持scheme 属性,另外新增了一个charset 属性用于快速定义页面的字符集。以下都是符合HTML5 规范的meta 元素的用法。
4.script 元素
script 元素通常用于定义一段JavaScript脚本,或者链接外部的脚本文件。例如,下面的示例用于弹出一个显示Hello HTML5 的对话框。
在HTML5 中,script 元素的type 属性是可选的,不再支持xml 属性,而且新增了async 属性。async 属性用于定义当脚本可用时是否立即异步执行。
下面的示例代码以异步方式在页面中输出“Hello HTML5”字符串。
5.style 元素
style 元素用于定义页面所用到的CSS 样式代码。例如,下面的示例代码定义页面中p元素的字体颜色为黑色,h1 元素的字体颜色为红色。
在HTML5 中, 为style 元素增加了scoped 属性,该属性可以为文档的指定部分定义样式,而不是整个文档。使用scoped 属性后所规定的样式只能应用于style 元素的父元素及其子元素。
6.title 元素
title 元素定义的标题将显示在浏览器的标题栏、收藏夹以及搜索引擎的结果中。HTML4.01 和HTML5 中的title 元素用法相同,但是要注意一个文档中该元素只能出现一次。示例如下:
【例2-1】
使用上面介绍的6 个元素创建一个实例,通过该实例演示各个head 子元素的具体用法。
01 新建一个HTML 文件,搭建HTML5的基本结构。
02 在body 元素中添加要显示的内容,如下所示为本实例使用的代码。
信息查询