语义化标签—

语义化标签

在网页中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：表示一个独立的区块，以上标签不能表示时使用sectiondiv：没有语义，就用来表示一个区块，div可以代替以上所有
span:行内元素，没有任何语义，一般用于在网页中选中文字

语义化标签——HTML相关推荐

html5语义化标签大全
常见的语义化标签有 <article>.<section>.<nav>.<aside>.<header>.<footer> 详细 ...
HTML5语义化标签综合基础案例,HTML5语义化标签综合案例
HTML 标签声明必须是 HTML 文档的第一行,位于标签之前. 声明不是 HTML 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. 请始终向 HTML 文档添加 ...
HTML5学习之语义化标签
一.为什么HTML5要引入新语义标签在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上 ...
图片标签|| 列表标签||链接标签||div和span|| 语义化标签
图片标签 img:展示图片 * 属性: * src:指定图片的位置相对路径 * 以.开头的路径 ...
html5语义化布局分割代码,HTML5语义化标签布局的兼容性.html
html5语义化标签布局兼容性调整 header, section, footer, aside, nav, main, article, figure { display: block; } bod ...
html5语义化标签marquee,高效书写HTML5，快速提升你的编码效率！
H5开始对标签及属性的书写更加包容,同时新增了语义化的标签,也是为了替代纯div+css的布局,本文讲带大家一起学习和探讨HTML书写规范. 1.文档类型声明文档类型声明 2.标签.属性名.文件名推 ...
web前端入门学习 css（8）（新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡
https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...
独占一行 html_HTML基础-语义化标签
1.语义化标签:在网页中HTML专门用来负责网页结果 ,故在使用html标签时,应该关注的是标签的语义,而不是它的样式 2.标题标签:h1~h6 一共有六级标题从h1~h6重要性递减,h1最重要,h ...
html图片标签和语义化标签和音频
图片标签 <img src="图片地址" alt="当图片找不到时提示的文字" title="当鼠标放图片上面时提示的文字" widh ...

语义化标签——HTML

语义化标签

语义化标签——HTML相关推荐

最新文章

热门文章