语义化标签——HTML

语义化标签

在网页中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:行内元素,没有任何语义,一般用于在网页中选中文字
发布了61 篇原创文章 · 获赞 18 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/weixin_43717681/article/details/104153750