0
点赞
收藏
分享

微信扫一扫

【web前端笔记】尚硅谷web前端零基础入门HTML5+CSS3基础教程(李立超 超哥)笔记 P16 语义化标签

青乌 2022-03-15 阅读 62

语义化标签

在网页中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 表示页面中的换行

举报

相关推荐

0 条评论