HTML常识

最新推荐文章于 2022-07-16 11:45:00 发布

发呆少女

最新推荐文章于 2022-07-16 11:45:00 发布

阅读量1.8k

点赞数

分类专栏： HTML学习文章标签： html5

本文链接：https://blog.youkuaiyun.com/qq_43632490/article/details/123850555

版权

HTML学习专栏收录该内容

11 篇文章

订阅专栏

本文介绍了HTML作为超文本标记语言的基本概念，以及常见浏览器如IE、火狐、谷歌等的内核。强调了Web标准的重要性，由W3C组织制定，包括结构、表现和行为三个方面。遵循Web标准的最佳实践是实现结构、样式和行为的分离。同时提到了使用VScode编写网页和HTML标签的相关知识。

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

HTML：超文本标记语言，由各种标签组成。
常用浏览器有：IE，火狐，谷歌，Safari，Opera。
浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。
在这里插入图片描述
Web标准（重要）：由W3C组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。

Web标准的用途：
在这里插入图片描述

Web标准的构成（巨重要）：主要包括结构（Structure）、表现（Presentation）、行为（Behavior）三个方面构成。

标准	说明
结构	对网页元素进行整理和分类，主要指HTML。
表现	用于设置网页元素的版式、颜色、大小等外观样式，主要是CSS。
行为	网页模型的定义及交互的编写，主要指JavaScript。

Web标准提出的最佳方案为：结构、样式、行为相分离。

网页的标签框架介绍：

<!DOCTYPE html>
<html> <!--1. 根标签-->
<head> <!--2. 头部标签-->
	<title>3. 网页标题</title>
</head>
<body><!--4. 网页主体-->

<!--
标签类型分为：单标签<br />，双标签<body></body>。
标签关系分为：包含，并列。
网页内基本的结构标签（骨架标签）：根标签、头部标签、网页标题标签、网页主体标签。
-->

</body>
</html>

VScode写网页，以及其他标签的定义：

<!-- 快捷键：输入一个感叹号，直接选择第一个感叹号回车，整个html骨架就会自动写入。-->
<!-- 好用的插件下载：点击左侧倒数第二个“拓展”图标。Chinese language；open in Browser；auto rename tag -->

<!DOCTYPE html><!--使用HTML5版本来显示网页-->
<!--注意：DOCTYPE不是HTML标签，它只是文档类型声明标签，放在文档中最前面的位置，位于<html>标签之前，用于指定浏览器使用哪种HTML版本来显示网页。-->

<html lang="zh-CN"><!--lang 用于定义当前文档的显示语言，“en”为英语，“zh-CN”为中文。
    实际情况无论写什么语言都可以显示在浏览器，此行代码只是将网页定义为何种语言的网页,这个属性对于浏览器和搜索引擎还是有作用的。-->

<head>
    <meta charset="UTF-8"><!--字符编码方式，常见的字符编码方式有：
        GB2312（简体中文），BIG5（繁体中文），GBK（简体+繁体中文），UTF-8（万国码，基本包含了全世界所有国家需要用到的字符，保证外国也可以正常访问别国网站）
        这个是必须要要写的代码，否则会出现乱码，统一使用“UTF-8”书写，不要写成“utf8”等样式。-->

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vscode第一个页面</title>
</head>
<body>

    幸得识卿桃花面，从此阡陌多暖春！
    
</body>
</html>