本文详细介绍了HTML5中的结构标签，如<header>, <main>, <footer>, <nav>, <aside>, <article>, <section>和<div>，以及它们在网页布局中的作用。同时，讲解了行内元素、块元素和行内块元素的区别，列举了常见的例子。接着，文章探讨了列表（有序列表、无序列表和定义列表）的使用规则和注意事项。此外，还涵盖了超链接的属性（href和target）及其在页面跳转和锚点导航中的应用。最后，讨论了图片标签（img）的属性（src, alt, width, height）以及不同图片格式的适用场景，并简单提及了音视频的引入方式。"
114171924,10543314,Go语言连接MySQL数据库实战,"['Go语言开发', '数据库连接', 'SQL操作']
结构标签：
<body>
<!-- html 搭建网页的结构
大部分的网站 头部 主体 底部 导航 文章等等
-->
<!-- html5 新增的标签，语义化更强 网站的性能也会更好-->
<!-- 布局标签（结构化标签） 用来布局的标签都是块元素
header 网页的头部
main 网页的主体部分（一般就一个）
footer 网页的底部
nav 网页的导航
aside 和主体相关的内容，侧边栏
article 文章之类的
section 独立的区块，上面的标签都不合适，就用这个 ,
用来代替div
-->
<header></header>
<main></main>
<footer></footer>
<nav></nav>
<aside></aside>
<article></article>
<section></section>
<div></div>
<div></div>
<div></div>
</body>
行内与块元素：
<!--
元素分类
块元素（block element） 用来布局
特点：
1、会独占一行
2、默认情况下，块元素的宽度是视口的100%
3、默认情况下，块元素的高度是被内容撑开的
常用块元素：div、p、h1-h6、header、main、footer、nav
行内元素（inline element） 用来包裹文字
特点：
1、不会独占一行
2、宽高是被内容撑开的，内容有多宽它就多宽
常用行内元素：span、strong、em、del等
行内块元素
特点：
兼具块元素和行内元素特点
常用行内块元素：img
注意：
1、块元素主要是用来布局，里面可以放任何元素,块元素、行内元素、行内块元素</
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
