语义化标签——HTML

Isabel ·

更新时间:2024-11-10

· 601 次阅读

语义化标签

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

h1~h6(一共有六级标签) h1在网页中的重要性仅次于title，一般情况下一个页面只会有一个h1 一般情况下标题标签只会使用到h1~h3 标题标签都是块元素块元素（Black element）：在页面中独占一行的元素

块元素：
    在网页中一般通过块元素来对页面进行布局
行内元素：
    行内元素主要用来包裹文字（使文字有特殊效果）
一般情况下会在块元素放行内元素，而不会在行内元素放块元素
p元素中不能放任何的块元素

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

hgroup标签用来为标签分组，可以将一组相关的标题同时放入hgroup

p标签表示页面中的一个段落
p也是一个块元素

em标签用于表示语音语调的一个加重
行内元素：在页面中不会独占一行的元素

strong表示强调，重要内容（内容会进行加粗）

 blockquote表示一个长引用

q表示一个短引用

br标签表示页面中的换行

布局标签（结构化语义标签）
header：表示网页的头部
main：表示网页的主体部分（一个网页只会有一个main）
footer：表示网页的底部
nav：表示网页的导航
aside：和主体相关的其他内容（侧边栏）
article：表示一个独立的文章
section：表示一个独立的区块，以上标签不能表示时使用section
div：没有语义，就用来表示一个区块，div可以代替以上所有
span:行内元素，没有任何语义，一般用于在网页中选中文字

作者：teletubbies-c

语义化标签 HTML

1024 个赞