HTML和HTML5 有什么不同

前端APP 投稿 36800 0 评论

我们在工作与生活中,常常会遇到一些问题,比如HTML(超文本标记语言等问题,我们该怎么解决呢。下面这篇文章将为你提供一个解决思路,希望能在工作中帮你解决到相关问题。

HTML是什么意思

HTML代表“超文本标记语言”,是用于在 Internet 上显示网页的主要标记语言。换句话说,Web 页面由 HTML 组成,HTML 用于通过 Web 浏览器显示文本、图像或其他资源。

所有 HTML 都是纯文本,这意味着它没有经过编译,可以被人们阅读。HTML 文件的文件扩展名是 .htm 或 .html。

什么是HTML元素

所有 HTML 页面都有一系列HTML 元素,由一组标签属性组成。HTML 元素是网页的构建块。标签告诉 Web 浏览器元素开始和结束的位置,而属性描述元素的特征。 

元素的三个主要部分是:

  • 开始标签 –用于说明元素开始生效的位置。标签用左尖括号和右尖括号包裹。例如,使用开始标签<p>创建一个段落。 

  • 内容 –这是其他用户看到的输出。

  • 结束标签– 与开始标签相同,但在元素名称前有一个正斜杠。例如,</p>结束一个段落。 

这三个部分的组合将创建一个 HTML 元素:

<p>这是在 HTML 中添加段落的方式。</p>

元素还可以具有如下所示的属性:

HTML和HTML5 有什么不同

属性包含有关您不希望出现在实际内容中的元素的额外信息。这里,class是属性名称 ,editor-note是属性。该class属性允许您为元素提供一个非唯一标识符,该标识符可用于class通过样式信息和其他内容来定位它(以及具有相同值的任何其他元素)。

属性应始终具有以下内容:

  1. 它和元素名称(或前一个属性,如果元素已经有一个或多个属性)之间的空格。

  2. 后跟等号的属性名称。

  3. 由左引号和右引号括起来的属性值。

HTML示例

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<img src = "/picture.jpg" alt = "图片">
</body>
</html>

示例说明

  • <!DOCTYPE html>声明定义,这个文件是一个HTML5文档

  • 所述<html>元件是一个HTML页面的根元素

  • <head>元素包含有关 HTML 页面的元信息

  • <title>元素指定 HTML 页面的标题(显示在浏览器的标题栏或页面的选项卡中)

  • <body>元素定义了文档的身体,并且对于所有的可见内容,诸如标题,段落,图像,超链接,表格,列表等的容器

  • <h1>元素定义了一个大标题

  • <p>元素定义了一个段落

  • 该<img>元素定义了一个图片,它通过src(source 属性执行此操作,该属性包含我们的图像文件的路径。

HTML 和 HTML5 有什么不同

HTML 的第一个版本由 18 个标签组成。从那时起,每个新版本都带有添加到标记中的新标签和属性。迄今为止,该语言最重要的升级是2014 年引入的HTML5 

HTML 和 HTML5之间的主要区别在于HTML5 支持新的表单控件。HTML5 还引入了几个清晰描述内容的语义标签,例如<article> <header><footer> 

HTML 的优缺点

就像任何其他计算机语言一样,HTML 有其优点和局限性。以下是 HTML 的优缺点:

优点:

  • 初学者友好。HTML 有一个干净一致的标记,以及一个浅的学习曲线。

  • 支持。该语言被广泛使用,拥有大量资源和背后的庞大社区。

  • 无障碍。它是开源的并且完全免费。HTML 在所有 Web 浏览器中本地运行。

  • 灵活的。HTML 很容易与后端语言(如 PHP和Node.js )集成。

缺点:

  • 静止的。该语言主要用于静态网页。对于动态功能,您可能需要使用 JavaScript 或后端语言,例如 PHP。

  • 单独的 HTML 页面。即使元素相同,用户也必须为 HTML 创建单独的网页。

  • 浏览器兼容性。一些浏览器采用新功能的速度很慢。有时,较旧的浏览器并不总是呈现较新的标签。

HTML、CSS 和 Javascript 有何关联

HTML 用于添加文本元素并创建内容结构。然而,仅仅建立一个专业且完全响应式的网站是不够的。因此,HTML 需要级联样式表 (CSS和JavaScript 的帮助来创建绝大多数网站内容。

CSS 负责样式,例如背景、颜色、布局、间距和动画。另一方面,JavaScript 添加了动态功能,例如滑块、弹出窗口和照片画廊。这三种语言是前端开发的基础。

总结

以上就是为你整理的HTML(超文本标记语言全部内容,希望文章能够帮你解决相关问题,更多请关注问答百科栏目的其它相关文章!

编程笔记 » HTML和HTML5 有什么不同

赞同 (129) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽