HTML和HTML5新增的元素有哪些
这篇文章主要介绍"HTML和HTML5新增的元素有哪些"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"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新增的元素有哪些"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。