HTML基础——介绍

最新推荐文章于 2022-07-02 16:00:05 发布

Smile__Mo

最新推荐文章于 2022-07-02 16:00:05 发布

阅读量205

点赞数

分类专栏： HTML/CSS 文章标签： HTML

本文链接：https://blog.csdn.net/Smile__Mo/article/details/79891544

版权

HTML/CSS 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

html的全称是hyperText markup language( 超文本标记语言)，在网页中所有的文字图片和组织架构都是由html来编写的，当然html能够完成的工作不止有这些。

需要注意的是html并不是一种编程语言，它只是一种计算机语言，html不具备像c/c++/java等编程语言中的变量或者函数等东西，它仅仅由标签组成–> <html></html>。而html这个标签则是根标签，其他的东西都要放在这个标签里面编写，次一级的两个结构是head标签和body标签 –> <head></head> , <body></body> ， head是给浏览器看的，body是给整个页面的主体部分，我们其他的展示出来的东西一般都放在body标签下面。

首先，就先来贴一段HTML代码最基本的构成：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

</body>
</html>

1.DOCTYPE 声明

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。

注意：<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

1、BackCompat：标准兼容模式未开启（或叫混杂模式[Quirks mode]）
2、CSS1Compat：标准兼容模式已开启（或叫严格模式[Standards mode]）

当添加此声明后，浏览器开启严格模式（标准模式）即使用W3C的标准解析渲染页面。若不添加此声明，浏览器默认开启混杂模式（怪异模式）即按照自己的方式解析渲染页面，在不同的浏览器就会显示不同的样式。

2.lang属性

lang 属性来告诉搜索引擎爬虫我们网站使用什么语言写的，zh-cmn是中文，en是英文。

3.<meta>标签

<meta>标签是用来设置编码格式的，我们在<head>中添加一个<meta>标签（注意这个标签不需要写闭合标签），然后我们就能为meta设置一个属性chatset=”utf-8″ —-> <meta charset = “utf-8”>。

设置的编码集主要有gbk、gb2312、unicode、utf-8。gb2312是国标2312条，可以识别简中日韩等亚洲语言，gbk是国标扩展，可以识别繁体中文，unicode是万国码，世界各国语言都包括在内，现在的unicode的升级版本是utf-8，全称是 unicode transformation format 公用的是这个编码格式，可以识别所有的语言。

其实meta还有很多其他的用处，比如设置移动端的页面显示大小，为网页被搜索的时候设置关键字等等，再此不做详细赘述。