复习

自结束标签和注释

通常标签都是成对出现，如<h1></h1>,<div></div>等等。但是又些标签是没有结束标签的，成为自结束标签，如<img>,<input>等

注释是在代码中对代码进行解释说明的文字，注释中的内容会被浏览器忽略

 

标签中的属性

可以在标签中设置属性，不能在结束标签内设置

标签内属性要和标签名隔开，属性之间也要用空格隔开

属性用来设置标签中的内容如何显示

有些属性有值，二有的属性无值，只有属性键名

 

字符编码

<meta/>自结束标签

所有数据在计算机底层都是以二进制形式保存，所以一段文字在存储到内存中时都需要转化成二进制编码

编码：将字符转化为二进制编码

 解码：将二进制编码转化为字符

字符集：编码与解码遵循的规则

乱码：编码与解码采用的字符集不同时会产生乱码

<meta charset=”utf-8” />设置网页字符集，避免乱码

 

 

文档的使用

使用zeal进行离线文档查看

 

 

实体

编写的多个空格会被浏览器解析成一个空格

在HTML中有些时候不能直接书写一些特殊符号不然会被解析错误

在网页中书写这些特殊符号，需要使用HTML中的转义字符

转义字符用法：

&+实体的名字;

 

meta标签

设置网页的元信息给浏览器看

常用属性：

Charset ：指定网页的字符集

 Name ： 指定数据的名称

Keywords:表示网站的关键字，可以同时使用多个关键字，关键字之间使用逗号隔开

Description:用于指定网站的描述，网站的描述会显示在搜索引擎的搜索结果中

title标签的内容会作为搜索结果的超链接上的文字显示

Content ： 指定数据的内容

 特殊情况：

<meta http-equiv="refresh" content="5;url=https:www.baidu.com"/>

<!-- http-equiv的值为refresh表示网页重定向，content里的5表示5秒后重定向，url为重定向的目标地址 -->

 

 

语义化标签

HTML专门负责网页的结构，使用HTML时应该关注标签的语义，而不是样式

h1 ~ h6：一共6级标题，重要性逐级递减

hgroup标签：给h标签分组，可以将相关的h标题放到一组

P标签：表示一个段落

Blockquote标签：表示长引用

块元素：在页面中会独占一行的元素

Em标签：表示语音语调语气的加重

Strong标签：表示强调重要的内容

Q标签：表示短引用

行内元素：在页面中不会独占一行的元素，如em元素和strong元素

br标签：表示换行

 

 

块元素和行内元素/内联元素

Block：网页中通常使用块元素进行布局

Inline：主要用来包裹文字

块元素中什么都能放，行内元素中不能放块元素

P元素中不能放块元素

浏览器在解析网页时会自动对不符合规矩的内容进行修正

p元素中嵌套了块元素

根元素中出现了head和body以外的子元素

 

 

 

11.布局标签（结构化语义标签）

Header标签：网页的头部

Main标签：网页的主体部分

Footer标签：网页的底部

Nav标签：网页中的导航

Aside标签：和主体相关的其他内容

Article标签：一个独立的文章

Section标签：表示一个独立的区块

Div：块元素，没有语义，用来表示一个区块，目前是主要的布局元素

Span：行内元素，没有语义，一般用于在网页中选中文字

 

 

列表

列表一共有三种：

有序列表

ol标签：创建有序列表

无序列表

ul标签：创建无序列表

 li标签：表示列表项

定义列表

dl标签：创建定义列表

dt标签：定义的目标

 dd标签：对目标解释的内容

列表之间可以互相嵌套

 

 

超链接

超链接可以帮我们从一个页面跳转到另一个页面

a标签：定义超链接

href属性：指定跳转的目标路径，属性值可以是外部网站的地址，也可以是内部页面的地址

a标签中可以嵌套除了自身外的任何元素