第三周HTML笔记

第三周html笔记

一，实体

 

 

 

1.在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格

2.在html中有些时候，我们不能直接书写一些特殊符号

 比如，多个连续的空格，比如字母两侧的大于和小于号

3.如果我们需要在网页中书写这些特殊符号，则需要使用html中的实体(转义字符)

4.实体语法：＆实体的名字； 例：＆nbsp；空格。＆gt；大于号。＆lt；小于号。

＆copy；版权符号。

 

二，meta标签(位于head里)

1.主要用于设置网页中的一些元数据，元数据不是给用户看

例：charset指定网页的字符集，name指定数据名称，content指定的数据的内容①keyword表示网站的关键字(可以同时指定多个关键字，关键字间使用,[英文]隔开)

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

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

④http-equiv="refresh"content="……"为重定向页面

三，语义化标签(一)

在网页中HTML专门用来负责网页的结构，所以在使用html标签时，应该关注的是标签的语义，而不是它的形式(形式使用css改变)

1.标题标签：h1~h6(从h1~h6重要性递减，h1最重要，h6最不重要)

①h1在网页中的重要性仅次于title标签，一般情况下一个页面中只会有一个h1

②一般情况下标题只会使用到h1~h3，h4~h6很少用

2.块元素(block element)：在页面中独占一行的元素。例blockquote

3.p标签：在p标签中的内容就表示一个段落(也为块元素)

4.hgroup标签：用来为标签分组，可以将一组相关的标题用时放到hgroup

5.em标签：用于表示语音语调的一个加重

6.行内元素(inline element)：在页面中不会独占一行的元素。例：strong，q

7.br便签：表示换行

四，块和行内

块元素：在网页中一般通过块元素来对页面进行布局

行内元素：主要用来包裹文字

①一般会在块元素内放行内元素

②p元素中不能放任何的块元素

③块元素中基本上什么都能放

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

例①标签写在根元素的外部

②p元素中嵌套了块元素

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

五，语义化标签(二)

布局标签(结构化语义标签)

①header表示网页的头部

②main表示网页的主体部分(一个页面中只会有一个main)

③footer表示网页的底部

④nav表示网页中的导航

⑤aside和主体相关的其他内容(侧边栏)

⑥article表示一个独立的文章

⑦section表示一个独立的区块，上边的标签都不能表示时使用

⑧div没有语义，就用来表示一个区块，目前div是我们主要的布局元素

⑨span行内元素，没有任何的语义，一般用于在网页中选中文字