广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >HTML和HTML5新增的元素有哪些
  • 309
分享到

HTML和HTML5新增的元素有哪些

2024-04-02 19:04:59 309人浏览 泡泡鱼
摘要

这篇文章主要介绍“html和HTML5新增的元素有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML和HTML5新增的元素有哪些”文章能帮助大家解决问题。

这篇文章主要介绍“htmlHTML5新增的元素有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML和HTML5新增的元素有哪些”文章能帮助大家解决问题。

  HTML

  定义:HTML也就是超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

  超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

  HTML 重要标签

  HTML中标签数量是非常的庞大,在学习的过程中,我们是很难说把全部的标签都记熟,其实也没这个必要,我们只需要熟悉掌握那些常用标签,剩下的标签只需要做一个大致了解,当遇到不懂的时候,也可以通过菜鸟教程的HTML部分去快速查找标签的使用说明以及属性值解析。

  meta 标签

  我们在写HTML的时候,有没有去注意过在head中有meta这么一个标签呢,就字面上里说是挺好理解的,charset用于定义文档的字符编码,但是meta标签的作用并不仅仅这么的简单,听我给你慢慢道来。

  Document

  meta 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。

  meta 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。

  元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 WEB 服务调用。

  meta 标签的几种常见用法:

  实例 1 - 定义文档关键词,用于搜索引擎:

  实例 2 - 定义web页面描述:

  实例 3 - 定义页面作者:

  实例 4 - 每30秒刷新页面:

  实例 5 - 定义网页的视口:

  链接标签

  HTML使用标签 < a > 来设置超文本链接。

  超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,用户点击这些内容来跳转到新的文档或者当前文档中的某个部分。

  默认情况下,链接将以以下形式出现在浏览器中:

  一个未访问过的链接显示为蓝色字体并带有下划线。

  访问过的链接显示为紫色并带有下划线。

  点击链接时,链接显示为红色并带有下划线。

  a 标签的几个重要属性如下:

  属性名属性说明id用于描述锚点位置

  href用于描述跳转链接的地址

  target用于指定链接跳转的方式,默认方式是在当前窗口打开链接,通过_blank值设置为在新窗口跳转链接

  base 标签

  既然说到了链接标签,那么就不得不说到base标签了,base标签或许也是一个比较罕见的使用标签了,但是确实一个非常有用的标签,值得我们学习一下。

  下面就以一行代码来开启base标签的学习:

  < base > 标签为页面上的所有链接规定默认地址或默认目标。

  通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

  使用 < base > 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 < a >、< img >、< link >、< fORM > 标签中的 URL。

  < base > 标签的使用还需要注意:

  必须写在head,上面的代码就定义了这个html里面默认的超文本链接是并且默认都是在新页面跳转链接

  尽量将base标签写在head的第一个位置,因为这样其他在head的标签也能使用base的默认设置了

  link标签

  link 标签用于引入外部资源。

  属性名属性说明href规定被链接的资源的位置

  type描述被链接的资源的类型

  ref描述被链接的资源与当前文档的关系

  其中rel属性是必须的,最常用的值就是stylesheet,表示被引入的资源是当前文档的外部样式表。另外还有 alternate、author,help,icon等其他值,详情可以参阅link标签详情。

  input 标签(含HTML5新增)

  input 标签用于定义输入框,input标签的使用非常的简单,但是由于输入框的类型过多,根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

  HTML5新增内容

  HTML5是构建Web内容的一种语言描述方式,HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式,被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发

  HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息,HTML5在从前HTML4.01的基础上进行了一定的改进。

关于“HTML和HTML5新增的元素有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网node.js频道,小编每天都会为大家更新不同的知识点。

--结束END--

本文标题: HTML和HTML5新增的元素有哪些

本文链接: https://www.lsjlt.com/news/89903.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • HTML和HTML5新增的元素有哪些
    这篇文章主要介绍“HTML和HTML5新增的元素有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML和HTML5新增的元素有哪些”文章能帮助大家解决问题。 ...
    99+
    2022-10-19
  • HTML 5新增的元素是哪些
    这期内容当中小编将会给大家带来有关HTML 5新增的元素是哪些,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。对于HTML的渲染,浏览器一直停留在1999年的水平。为此,H...
    99+
    2022-10-19
  • HTML5有哪些新元素
    这篇文章主要介绍“HTML5有哪些新元素”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML5有哪些新元素”文章能帮助大家解决问题。 ...
    99+
    2022-10-19
  • HTML5的新元素有哪些
    本篇内容主要讲解“HTML5的新元素有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“HTML5的新元素有哪些”吧!什么是HTML5?HTML5 是下一代 HTML 标准。HTML5 将成为 ...
    99+
    2023-06-27
  • HTML新标签和元素有哪些
    这篇文章主要讲解了“HTML新标签和元素有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML新标签和元素有哪些”吧! 语义化元素: 图 1 展...
    99+
    2022-10-19
  • html5增强的页面元素有哪些
    这篇文章主要介绍html5增强的页面元素有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!html5增强的页面元素<!DOCTYPE html> &...
    99+
    2022-10-19
  • HTML5新表单元素有哪些
    小编给大家分享一下HTML5新表单元素有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!HTML5 <datalist&...
    99+
    2022-10-19
  • HTML5新元素属性有哪些
    本篇内容介绍了“HTML5新元素属性有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!   canva...
    99+
    2022-10-19
  • HTML5新Form表单元素和属性有哪些
    这篇文章主要为大家展示了“HTML5新Form表单元素和属性有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HTML5新Form表单元素和属性有哪些”这篇文...
    99+
    2022-10-19
  • python列表新增元素的方法有哪些
    这篇文章将为大家详细讲解有关python列表新增元素的方法有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1、以追加的形式向列表末尾添加一个元素。>>> letters&n...
    99+
    2023-06-15
  • html5中input元素新特性有哪些
    这篇文章给大家分享的是有关html5中input元素新特性有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。属性 <input>元素在HTML5中新增加的属性有:a...
    99+
    2022-10-19
  • HTML5中增强的Form表单元素都有哪些
    HTML5中增强的Form表单元素都有哪些,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。在HTML5增强的元素中,最值得关注的就是表单元素...
    99+
    2022-10-19
  • HTML的元素有哪些
    本文小编为大家详细介绍“HTML的元素有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“HTML的元素有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。<html&g...
    99+
    2022-10-19
  • HTML元素有哪些
    这篇文章主要介绍“HTML元素有哪些”,在日常操作中,相信很多人在HTML元素有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”HTML元素有哪些”的疑惑有所帮助!接下来,...
    99+
    2022-10-19
  • HTML有哪些元素
    这篇文章主要讲解了“HTML有哪些元素”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML有哪些元素”吧!Audio标签可以播放一个音频,例如音乐或其他音...
    99+
    2022-10-19
  • html有哪些元素有哪些
    HTML是一种标记语言,用于创建网络页面。HTML包含很多元素,这些元素可以帮助开发人员创建出具有结构和样式的页面。在此,我们将介绍一些常用的HTML元素。标题(element h1 ~ h6)标题元素用于定义页面中的标题。h1标记表示最高...
    99+
    2023-05-21
  • html5新增的标签有哪些
    本教程操作环境:windows7系统、HTML5版、Dell G3电脑。HTML5是HTML的最新版本,由W3C在2014年完成标准定制。增强的浏览器本机功能,减少了浏览器插件(如:flash)应用程序,提高了用户体验满意度,使开发更加方便...
    99+
    2022-11-23
    html5
  • html5新增标签有哪些
    这篇文章给大家分享的是有关html5新增标签有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。   html5新增标签有:1、video,表示一段视频并提供播放的用户界面;2...
    99+
    2022-10-19
  • html中有哪些行内元素和块状元素
    这篇文章将为大家详细讲解有关html中有哪些行内元素和块状元素,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。html行内元素有:a、b、br、code、em、font、i、img、input、span、s...
    99+
    2023-06-06
  • HTML5新增和删除的标签有哪些
    这篇文章主要介绍“HTML5新增和删除的标签有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML5新增和删除的标签有哪些”文章能帮助大家解决问题。   H...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作