# 标签

By [rendaxia_web](https://paragraph.com/@rendaxia-web) · 2022-03-06

---

语义化标签
=====

一般情况下，会在块元素中方放行内元素，而不会在行内元素中放块元素

块元素中基本什么都能放

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

header表示头部

main表示网页主体（一个网页中只有一个）

footer 网页底部

nav表示网页的导航

aside和主体相关但是不属于主体的其他内容，侧边栏

article 表示一个独立的文章

section 表示一个独立的区块

div 没有语义，表示一个区块，可以代替以上的所有元素

span 行内元素，也是没有语义

a超链接是行内元素，a里可以放任何元素，除了a

href:属性设置为#，回到顶部

跳转到指定位置，只需要将href设置为#+id

id 标记,每个标签都可以添加一个id属性，代表唯一标识

img是替换元素，特点介于块元素与行内元素之间，具有两种元素的特点，alt属性是对图片的描述，默认情况下不会展示，有些浏览器会在图片显示不出来时展示

内联框架 iFrame：和图片很像，向当前页面引入其他页面，标签有开始有结束

音视频标签引入到网页中，默认不允许用户控制，想允许用户控制播放，要写上属性controls

音频标签audio，替换元素

视频标签video，替换元素

---

*Originally published on [rendaxia_web](https://paragraph.com/@rendaxia-web/D3ITj35sYyFYXStuqqGG)*