重新认识HTML（一）别来无恙

最新推荐文章于 2024-09-12 18:02:32 发布

我在人间贩卖青春

最新推荐文章于 2024-09-12 18:02:32 发布

阅读量652

点赞数 9

分类专栏： HTML(5) 文章标签： html

本文链接：https://blog.csdn.net/weixin_44178305/article/details/120122828

版权

HTML(5) 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

本文回顾了浏览器内核的作用，强调了Web标准的三大构成——结构、表现和行为标准，以及它们带来的优势。接着，详细介绍了HTML的基本概念，包括超文本的含义、HTML文档结构，并讲解了<!DOCTYPE>、<html lang>、<head>、<meta>标签的作用。此外，还提及了字符集、viewport和响应式设计的重要性。

摘要由CSDN通过智能技术生成

写在前边

一直以来，我只顾向前一路疯跑，却忘记驻足停下。看别人可以的，自己却不行。为将来焦虑，为能力苦恼…却不曾回头看看走过那段艰难的路…emmm编不下去了，不得不说，干上了程序员自己的语言功底真是惨不忍睹啊！
直接了当的说，就是想回过头把入门时学的东西再来一遍，二次吸收，希望能在悟出些精华，基本功能扎实。主要是忘了好多，不得不回头看看了。。。。。。。做个简单笔记，记录记录忘了的，模糊的，重要的

内核

浏览器内核：排版引擎、解释引擎、渲染引擎
负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。

web标准

构成：结构标准，表现标准和行为标准
结构标准用于对网页元素进行整理和分类(HTML)
表现标准用于设置网页元素的版式、颜色、大小等外观属性(CSS)
行为标准用于对网页模型的定义及交互的编写(JavaScript)

Web标准的优点

易于维护：只需更改CSS文件，就可以改变整站的样式
页面响应快：HTML文档体积变小，响应时间短
可访问性：语义化的HTML（结构和表现相分离的HTML）编写的网页文件，更容易被屏幕阅读器识别
设备兼容性：不同的样式表可以让网页在不同的设备上呈现不同的样式
搜索引擎：语义化的HTML能更容易被搜索引擎解析，提升排名

HTML

HTML并不是编程语言，它是一种超文本标记语言。全名：Hyper Text Markup Language
所谓超文本：文本包括图片、声音、动画、多媒体等内容（超越文本限制），可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。

HTML构成

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>网页</title>
</head>

<body>
    我是超级码农
</body>

</html>

<!DOCTYPE >：说明的XHTML或者HTML是什么版本。<!DOCTYPE html>告诉浏览器按照HTML5标准解析页面。
<html lang="en"></html>：指定该html标签内容所用的语言
- en 定义语言为英语
- zh-CN 定义语言为中文
- 作用：lang属性来设定不同语言的css样式，或者字体；告诉搜索引擎做精确的识别；帮助翻译工具做识别；让语法检查程序做语言识别；帮助网页阅读程序做识别。
<head></head>：头部标签。
<meta charset="UTF-8">: 指定字符集。计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。
- UTF-8 是目前最常用的字符集编码方式，俗称万国码。让 html 文件是以 UTF-8 编码保存的，浏览器根据编码去解码对应的html内容。
<meta name="viewport" content="width=device-width, initial-scale=1.0">：通常viewport是指视窗、视口。浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域。在移动端和pc端视口是不同的，pc端的视口是浏览器窗口区域，而在移动端有三个不同的视口概念：布局视口、视觉视口、理想视口
<meta http-equiv="X-UA-Compatible" content="ie=edge">：告诉IE浏览器，IE8/9以上的浏览器均以最高版本的IE运行
<body></body>：写页面内容