html、html5、浏览器内核差异

最新推荐文章于 2025-03-16 21:02:37 发布

那谁呀撒

最新推荐文章于 2025-03-16 21:02:37 发布

阅读量8.6k

点赞数

分类专栏： web职业学院

本文链接：https://blog.youkuaiyun.com/jvhbi/article/details/106970690

版权

本文介绍了HTML作为超文本标记语言的基本概念，强调HTML5的重要性，并探讨了不同浏览器如Opera的Presto、IE的Trident以及WebKit的内核差异。此外，还详细讲解了HTML中的各种标签，如列表、表格、多媒体以及表单元素，同时提到了Canvas和SVG的区别以及iframe和a标签的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本篇讲HTML标签、浏览器内核差异、HTML5标签
HTML（Hypertext Markup Language）全称是“超文本标记语言”.标记语言一般以ML结尾，与编译语言的区别就是没有逻辑与行为，是一堆被动的信息.

使用记事本，随便写点字，文件重命名，后缀名从".txt"改成".html"

双击或拖拽至浏览器打开

经过我们初步认识，发现html不就是网页吗！
HTML 文档 = 网页

html这玩意有个基本结构

在这里插入图片描述

<!DOCTYPE html>
这是一个声明，告诉浏览器按照哪个HTML版本进行处理，它必须写在第一行，凡是第一行写了别的东西，将使用怪异模式渲染。
<html></html>
html标签告诉浏览器这是一个html文档
<head></head>
文档的头部描述了文档的各种属性和信息,都有啥呐？
<title></title>标签，<link/>化妆的，<style></style>也是化妆的，<script></script>唱歌跳舞的，<meta/>忽悠浏览器的
<body></body>
body元素定义文档的主体,我们的<script></script>标签就放在这里面

标签与元素有啥区别？

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 元素指的是从开始标签到结束标签的所有代码

w3chool
这个网址对应着一些常用标签

在这里插入图片描述

在这里插入图片描述补充一点跨行跨列，colspan=‘2’ rowspan=‘2’

定义列表
<dl>
<dt></dt>
<dt></dt>
</dl>
无序列表
<ul>
<li></li>
<li></li>
</ul>
有序列表
<ol>
<li></li>
<li></li>
</ol>

复习一遍：

在这里插入图片描述

浏览器内核差异

1.我们用的谷歌、火狐，内核是 webkit,这玩意火的一批

2.opera浏览器用presto内核，presto的内核
3.臭名昭著的IE浏览器的内核------三叉戟（Trident）,当年很火
4.还有khtml，速度快，其实webkit是从khml衍生出来的

html5语义化

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200626194643256.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2p2aGJp,size_16,color_