HTML简介

4年前更新

2430

1、概述

90年代欧洲核子研究中心物理学家Tim Berners-Lee发明
HTML（HyperText Markup Language），1997年 HTML4.01发布，2014年 HTML5发布，HTML：定义网页的结构和内容，CSS：定义网页的样式，JavaScript：定义网页与用户的互动行为。

2、网页基本概念

2.1 标签

双标签和单标签<title></title> <meta>
标签嵌套
大小写不敏感

2.2 元素

标签树，节点node，网页元素element
标签和元素
标签从源码角度来看
元素从变成角度来看
<p>标签对应网页的p元素
嵌套构成网页元素的层级关系：父元素和子元素

2.3块级元素，行内元素

block和inline，还有inline-block，
块级元素默认占据一个独立的区域，p标签；
行内元素默认与其他元素在同一行，不产生换行，span标签。

2.4 属性

attribute是标签的额外信息，
img src="https://juejin.cn/post/demo.jpg width="500px",
属性值大小不敏感，HTML提供大量属性定制标签的行为

3、网页的基本标签

3.1`<!doctyope>`

网页的第一个标签，表示文档类型，告诉浏览器如何解析网页。
<!doctype html>
<!DOCTYPE html>

3.2`<html>`

顶层容器，顶层节点，根元素，其他元素都是子元素，一个网页只有一个

3.3`<head>`

容器标签，放置网页的元信息，内容不会出现在网页上，为网页渲染提供额外信息
head的子元素一般有七个：meta link title style script noscript base

3.4`<meta>`

用于设置或说明网页的元数据，可以有多个meta，约定放在head内容最前面。
有5个属性：charset指定网页的编码方式utf-8；name/content这两个为网页指定一项元数据；http-equiv/content这两个属性与HTTP协议相关，属于高级用法；

3.5`<title>`

用于指定网页的标题，显示在浏览器窗口的标题栏；影响网页在搜索引擎的排序，只能放置无格式的纯文本。

3.6`<body>`

容器标签，用于放置网页的主体内容，紧跟在head后面

4、空格和换行

标签内容头部和尾部空格忽略不计，多个空格会被浏览器合并成一个。
换行符\n和回车符\r会被替换成空格。

© 版权声明

文章版权归作者所有，未经允许请勿转载。

THE END

喜欢就支持一下吧

相关推荐