《一》HTML

花铛

已于 2023-05-18 10:45:40 修改

阅读量271

点赞数

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

于 2019-03-13 11:31:49 首次发布

本文链接：https://blog.csdn.net/wsln_123456/article/details/84637420

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

可以到 https://caniuse.com/ 网站查询兼容性。

HTML：HyperText Markup Language，搭建网页结构的超文本标记语言。

HTML 文件本身是纯文本的，里面只有文字，主要是用标签对的方式为文本添加语义。

超文本：原先一个个单一的文本，通过超链接将其联系起来，由原先的单一的文本变成了可以无限延伸、扩展的超级文本。
标记：给需要变换的语言添加标签。

XHTML 是一种可扩展超文本标签语言，是更严谨更纯净的 HTML 版本，是作为一种 XML 应用被重新定义的 HTML，是一个 W3C 标准，与 HTML4.01 几乎是相同的，目标是取代 HTML。

W3C 组织：W3C（The Word Wide Web Consortium，万维网联合会）是万维网的主要国际标准组织，该联盟成立于 1994 年，负责指定 Web 标准，主要是 HTML 和 CSS。

IDE：Integrated Development Environment，集成开发环境，是含代码编辑、关键词高亮、智能感应、智能纠错、格式美化、版本管理等功能于一身的高级代码编辑器。

前端的三层：

结构层：使用 HTML 语言，同来搭建结构、放置部件、描述语义。
样式层：使用 CSS 语言，用来美化页面、实现布局。
行为层：使用 JavaScript 语言，用来实现交互效果、数据收发、表单验证等。’

访问网站生成页面的过程：

浏览器请求某个网站的网站。
服务器返回对应的 HTML 文件。
浏览器从上到下解析 HTML 文件，遇到 CSS 文件和 JS 文件后，浏览器发出对应请求，获取到对应文件，进行下载解析，生成 HTML 文件。
发出获取数据的 API 请求，获取到数据后，动态地填充到 HTML 文件中。

框架和库的区别在于控制反转。
框架是一个半成品的应用，框架直接左右了应用怎么来写，是框架的代码在调用开发者的代码。
库实现了可重用的功能，但并不能左右应用，应用可以使用这个库也可以使用那么库，是开发者的代码在调用库的代码。

标签（标记）：

标签：HTML 用于描述功能的符号，不同的标签有不同的功能。在使用时必须使用尖括号括起来。

直接书写的文本会以浏览器默认的样式显示，包含在标签中的文本会被显示为标签所拥有的样式。

ul.nav.navbar 显示为 <ul class=”nav navbar”></ul>
li*2 显示为 <li></li> <li></li>
li>a 显示为 <li><a></a></li>

标签的类型：

标签的类型有两种：

双标签（封闭类型标签）：包含起始标签和结束标签，必须成对出现，<标签>内容</标签>
单标签（非封闭类型标签）：只有起始标签，不能包含内容，<标签>或<标签/>

在 HTML 4 中，单标签结尾必须写一个反斜杠；在 HTML 5 中，则不再需要。

标签的属性：

用来描述标签的性质。格式为：<标签名属性名=“属性值”>内容</标签名>。

属性的声明必须位于开始标签里。每个属性都有属性值，属性与属性值之间用 = 连接，属性值用引号括住，多个属性之间不区分先后顺序，用空格隔开。

空白折叠：

文字和文字之间的多个空格、换行会被折叠成一个空格；标签内壁和文字之间的空格会被忽略。

<div>文字    文字</div> // 文字和文字之间的多个空格只显示为一个空格

<div>文字
文字</div> // 文字和文字之间的换行只显示为一个空格

<div>    文字    </div> // 标签内壁和文字之间的空格会被忽略

可以使用   转义字符在网页中增加空格。使用 </br> 换行标签来换行。

<div>文字&nbsp;&nbsp;文字</div>

<div>文字</br>文字</div>

<div>&nbsp;&nbsp;文字&nbsp;&nbsp;</div>

转义字符：

转义字符：在一个字符序列中，出现在它之后的后续几个字符采取一种替代解释。由 &实体名字; 或者 &#实体编号: 构成。

在 HTML 中输入转义字符，就会转变成相应的符号。

常见的转义字符：

< ：代表小于号。
> ：代表大鱼号。
 ：代表空格。
©：代表 @。
&：代表 &。
"：代表 ”。

HTML 注释：

HTML 注释的语法：。

只在编辑文档情况下可见，在浏览器展示页面时并不会显示。注释不可以嵌套在其他注释中。

文档结构：

请添加图片描述

文档类型声明：HTML 文件第一行必须是 DTD（Document Type Definition，文档类型声明）。不写 DTD 会引发浏览器的一些兼容问题。

在文档的起始用 <DOCTYPE> 声明指定版本和风格，让浏览器清楚文档的版本类型和风格。
<DOCTYPE> 不是 HTML 标签。

不同版本的 HTML 有不同的 DTD 写法。
HTML 页面：都放置在 <html></html> 标签对中，lang 属性表示网页的语言（en 是英文，zh 是中文）。
- 文档头: <head></head> 标签对中是网页的配置。
- 文档主体：<body></body> 标签对中时网页的内容。

判断IE版本:

格式:

[if !IE]：除IE外都可识别
[if IE]：只有IE可以识别
[if ! IE8]：除了IE8的都可以显示
[if IE8]：只有IE8显示。
[if lt IE8]：IE浏览器版本小于8 的显示。
[if gt IE8]：大于8
[if lte IE8]：小于或等于8。
[if gte IE8]：大于或等于8。
[if (gt IE5)&(lt IE8)]：大于5和小于8之间。
[if(IE5)|(IE8)]：如果是IE5或者IE8显示。