语义化标签
在网页中HTML专门用来负责网页的结构,所以在使用HTML标签时,应该关注的是标签的语义,而不是它的样式
首先,我们来介绍的是标题标签
标题标签:
h1~h6 一共有六级标题
从h1~h6 重要性递减,h1最重要,h6最不重要
h1在网页中的重要性仅次于title标签,一般情况下
一个页面中只会有一个h1
一般情况下标题标签只会使用h1-h3,h4-h6很少使用
编写如下代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>
</html>
运行结果:
在页面中独占一行的元素称为块元素(block element)
在网页中一般通过块元素来对页面进行布局
p标签表示页面中的一个段落
p也是一个块元素
标题、标签都是块元素
hgroup标签用来为标题分组,可以将一组相关的标题同时放入到hgroup
em标签用于表示语音语调的加重
在页面中不会独占一行的元素称为行内元素(inline element)
行内元素主要用来包裹文字
一般情况下会在块元素中放行内元素,而不会在行内元素中放块元素
p元素中不能放任何块元素
浏览器在解析网页时,会自动对网页中不符合规范的内容进行修正
比如:
- 标签写在了根元素的外部
- p元素中嵌套了块元素
- 根元素中出现了除head和body以外的子元素
- ……
虽然浏览器会帮助我们修正,但并不代表着我们可以不遵守HTML的语法
strong标签表示强调重要内容
blockquote 表示一个长引用(换行)
q 表示一个短引用(行内,自动加双引号)
br 表示页面中的换行