HTML5 <head> 标签、HTML5 <i> 标签

HTML5 <head> 标签

实例

HTML5 <head> 标签表示文档的头部,其中包含了与该文档有关的信息!

一份在头部带有 <title> 标签的 HTML 文档:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>

<body>
文档内容......
</body>

</html>

尝试一下 »
(更多实例见页面底部)


浏览器支持

所有主流浏览器都支持 <head> 标签。


标签定义及使用说明

<head> 元素是所有头部元素的容器。

<head> 元素必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息。

以下列出的元素能被用在 <head> 元素内部:

  • <title> (在头部中,这个元素是必需的)
  • <style>
  • <base>
  • <link>
  • <meta>
  • <script>
  • <noscript>

HTML 4.01 与 HTML5之间的差异

HTML5 不再支持 profile 属性。


属性

属性描述
profileURLHTML5 不支持。规定文档 URL 的一系列规则。这些规则能被浏览器识别并且准确读取 <meta> 标签的内容属性中的信息。


全局属性

<head> 标签支持 HTML 的全局属性。


尝试一下 - 实例

在 <head> 中使用 <base> 标签
本例演示如何使用 <base> 标签规定页面中所有链接的默认 URL 和默认 target。

在 <head> 中使用 <style> 标签
本例演示如何在 <head> 部分添加样式信息。

在 <head> 中使用 <link> 标签
本例演示如何使用 <link> 标签链接到一个外部样式表。


附注

如果在文档中忽略了 <head> 标签,则大部分浏览器会自动创建一个 <head> 元素。当然,有一些不会。

下面这些浏览器经测试不会自动创建一个 head 元素:Android <=1.6, iPhone <=3.1.3, Nokia 90, Opera <=9.27, and Safari <=3.2.1。

HTML5 <i> 标签

实例

<p>He named his car <i>The lightning</i>, because it was very fast.</p>

尝试一下 »


浏览器支持

所有主流浏览器都支持 <i> 标签。


标签定义及使用说明

<i> 定义与文本中其余部分不同的部分,并把这部分文本呈现为斜体文本。

<i> 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。

在没有其他适当语义的元素可以使用时,请使用 <i> 元素。其他语义的元素如下:

  • <em> (被强调的文本)
  • <strong> (重要的文本)
  • <mark> (被标记的/高亮显示的文本)
  • <cite> (作品的标题)
  • <dfn> (一个定义项目)

HTML 4.01 与 HTML5之间的差异

在 HTML 4.01 中,<i> 标签呈现斜体的文本。然而,在 HTML5 中没有必要这么做,可以使用样式表来格式化 <i> 元素中的文本。


全局属性

<i> 标签支持 HTML 的全局属性。


事件属性

<i> 标签支持 HTML 的事件属性。

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.kler.cn/a/9250.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

数据结构之线性表3

我们的目标&#xff1a; 1、了解线性结构的特点 掌握顺序表的定义、查找、插入和删除。 2、掌握链表的定义、创建、查找、插入和删除。 3、能够从时间和空间复杂度的角度比较两种存储结构的不同特点及其适用场合。&#xff08;持续更新&#xff09; 前言 本章节内容主要介绍…

【中级软件设计师】—操作系统考点总结篇(二)

【中级软件设计师】—操作系统考点总结篇&#xff08;二&#xff09; 1.操作系统概述 1.1操作系统的功能 1.2 特殊的操作系统 1.3 进程的概念和状态 进程与程序的区别&#xff1a; 进程是程序的一次执行过程&#xff0c;没有程序就没有进程 程序是一个静态的概念&#xff0c;…

蓝桥杯嵌入式第十二届初赛题目解析

把蓝桥杯嵌入式第十二届的题目写完了&#xff0c;拿出来和大家一起分享。 目录 客观题 程序设计题 题目解析&#xff1a; CubeMX配置 代码演示 客观题 收集的一些历年的比赛客观题和解析&#xff0c;以及程序设计题的PDF&#xff0c;在这里分享给大家。 链接&#xff…

SHELL函数可课后作业

一、题目 1、编写函数&#xff0c;实现打印绿色OK和红色FAILED 判断是否有参数&#xff0c;存在为Ok&#xff0c;不存在为FAILED 2、编写函数&#xff0c;实现判断是否无位置参数&#xff0c;如无参数&#xff0c;提示错误 3、编写函数实现两个数字做为参数&#xff0c;返回最…

使用Schrödinger Python API系列教程 -- 介绍 (一)

使用Schrdinger Python API系列教程 – 介绍 (一) 本文档可从Schrdinger网站www.schrodinger.com/pythonapi访问。 从Python文档字符串生成的完整API文档可以在这里访问 介绍 在最高级别上&#xff0c;Schrdinger Python API提供了一个基本的分子结构类&#xff0c;并允许与…

6.S081——虚拟内存部分——xv6源码完全解析系列(2)

0.Briefly Spaeking 点此回看本系列博客的上一篇 上一篇博客中&#xff0c;我们详细分析了xv6内核代码中有关虚拟内存的部分&#xff0c;主要剖析了vm.c这个文件中的三个全局变量和6个函数&#xff0c;这篇博客紧跟着上篇博客的步伐。接着剖析和阅读接下来的源码&#xff0c;同…

用于语义分割模型的t-SNE可视化

前言 在之前的博客t-SNE可视化-Python实现中&#xff0c;对t-SNE的原理进行了一个简单的介绍&#xff0c;也给出了一个简单的使用案例。这篇博客在之前的基础上实现在语义分割模型上的t-SNE可视化。 语义分割模型中使用t-SNE的目的是&#xff0c;从模型的特征层面进行一定的可…

ftp传输文件大小有限制吗 ftp文件传输工具有哪些

这两年&#xff0c;线上办公逐渐常态化&#xff0c;相信大家对ftp这个概念也比较熟悉了。ftp&#xff0c;即文件传输协议&#xff0c;线上办公就是用ftp软件进行文件传输的。那ftp传输文件大小有限制吗,ftp文件传输工具有哪些我们一起来看看。 一、ftp传输文件大小有限制吗 f…

vue3中tsx语法一些了解

首先直接创建tsx文件 引入函数 import { defineComponent, ref } from vue 直接使用组件函数的写法 export default defineComponent({//context内有参数emit,slot,arrts,expose //解构写法setup( props,{emit,slot,arrts,expose}){}setup( props,context) {//定义函数和响应…

Vue+nodejs快递收发寄件揽件代取网点查询系统

本系统名为“基于vue快递代取系统”&#xff0c;系统主要适用于毕业设计&#xff0c;不能作为商用。系统主要分为二个大模块&#xff0c;分别为“前台”&#xff0c;“后台”。其中“前台”模块中主要包含快递公司、代取信息、公告栏、快递资讯、投诉栏等。主要提供于用户与快递…

编译技术-优化理论

一、构造控制流图&#xff08;CFG&#xff09; 关于优化&#xff0c;真的是一个令人生畏的事情&#xff0c;大致来说&#xff0c;一个优化分为两个部分&#xff1a; 分析改写 但是在课程中大多只交第一个部分&#xff0c;而不讲第二个部分&#xff0c;这就导致一种“无意义性”…

【剧前爆米花--爪哇岛寻宝】java文件操作和io流

作者&#xff1a;困了电视剧 专栏&#xff1a;《JavaEE初阶》 文章分布&#xff1a;这是一篇关于文件操作的文件&#xff0c;介绍了文件读写以及相关对象的内容&#xff0c;希望对你有所帮助&#xff01; 目录 文件操作 文件路径 绝对路径 相对路径 File类 File类的构造方…

应急响应真的很重要!

本文参考&#xff1a;2014年电信网和互联网安全操作系统基线 目录 看一下win10的用户​编辑 用户自身 查看用户命令 提权命令 看一下管理员 打开本地安全策略 将密码必须符合复杂性要求进行开启​编辑 参照基线效果 ​编辑 效果图&#xff1a; 开启日志​编辑 用even…

SpringSession深入浅出(一)

一、session来由 要谈session&#xff0c;一定是要说到用它带场景http协议。http协议是无状态协议&#xff0c;就像鱼的记忆&#xff0c;即使是同一浏览器给客户端给同一个服务器再来请求&#xff0c;已经记不起来你是谁。在互联网早期&#xff0c;承载网页大部分都是静态简单…

Chapter2 : SpringBoot配置

尚硅谷SpringBoot顶尖教程 1. 全局配置文件 SpringBoot使用一个全局的配置文件 application.properties 或者 application.yml &#xff0c;该配置文件放在src/main/resources目录或者类路径/config目录下面&#xff0c; 可以用来修改SpringBoot自动配置的默认值。 yml是YA…

【Lin-CMS内容管理系统框架 v0.3.6】内置用户管理/权限管理/日志系统等常见功能

【Lin-CMS内容管理系统框架 v0.3.6】内置用户管理/权限管理/日志系统等常见功能 Lin-CMS 是林间有风团队经过大量项目实践所提炼出的一套内容管理系统框架。 Lin-CMS 可以有效的帮助开发者提高 CMS 的开发效率。 Lin CMS 特点&#xff1a; Lin CMS 的构筑思想是有其自身特点的。…

【JS】1651- 10 个 JS 中 try...catch 使用技巧

作为一位 Web 前端工程师&#xff0c;JavaScript 中的 try...catch 是我们常用的特性之一。本文我将分享 10 个有用的 try...catch 使用技巧&#xff0c;让你在处理异常时更加得心应手。1. 捕获所有异常如果你想捕获代码中所有可能的异常&#xff0c;可以使用一个不带参数的 ca…

Leetcode.100 相同的树

题目链接 Leetcode.100 相同的树 easy 题目描述 给你两棵二叉树的根节点 p和 q&#xff0c;编写一个函数来检验这两棵树是否相同。 如果两个树在结构上相同&#xff0c;并且节点具有相同的值&#xff0c;则认为它们是相同的。 示例 1&#xff1a; 输入&#xff1a;p [1,2,3…

【神经网路】tensorflow实验6--TensorFlow基础

目录 1. 实验目的 2. 实验内容 3. 实验过程 题目一&#xff1a; ① 代码 ② 实验结果 题目二&#xff1a; ① 代码 ② 实验结果 拓展题(选做)&#xff1a; ① 代码 ② 实验结果 4. 实验小结 1. 实验目的 掌握TensorFlow低阶API&#xff0c;能够运用TensorFlow处理数…

让你的作品更出色——词云Word Cloud的制作方法(基于python,WordCloud,stylecloud)

让你的作品更出色—— 词云Word Cloud的制作方法&#xff08;基于python) 本文目录&#xff1a; 一、词云的简介 二、 实现原理和流程 1、制作词云流程图 2、词云实现原理 三、 实现词云的方式 1、安装词云相关模块库 2、WordCloud库 3、stylecloud库 四、总结 一、词…
最新文章