HTML（二）元素分类

最新推荐文章于 2024-10-04 06:11:34 发布

2401_84437604

最新推荐文章于 2024-10-04 06:11:34 发布

阅读量663

点赞数 9

文章标签： html 前端 css

本文链接：https://blog.csdn.net/2401_84437604/article/details/139927971

版权

**内容分区元素：**在h5以前都是用div的方式区分内容分区的，这个标签没有自己的语义，也就是代表任何情况下都可以使用（如果你的网站需要兼容以前的老浏览器版本比如，ie8这些，那么还是建议直接使用div），h5之后，在内容逻辑上主持了划分，可以为页面明确的制作大纲，

常见的页面元素有：

-头部,

这个部分元素，怎么说呢，就是用来搭建你页面的框架，框架搭建好了，才可以往里面填写东西，比如：

**分组内容：**可以组织内容中的块或者章节内容,对SEO很重要，

常用的有：p-段落，address-定义文档或文章的作者，hr-分割线，pre-表示计算机的源代码、对源码的展示，main-规定文档的主要内容，div-无定义、仅仅是个外框，ol-有序列表，ul-无序列表，li-列表的具体列，dl-定义列表，dt-定义列表的标题，dd-定义列表的内容；

**文本级语意：**可以定义文档中语句，结构，可以是一个词，一段文字，比如电商网站的特价，就是包裹的，

常用的有：a-代表是一个链接，span-用于组合行内元素，没有特定含义，主要给目标文字进行修饰，em-代表内容强调（目前浏览器对这个标签包括的文字内容会用斜体表示），strong-代表内容加粗，也代表这段文字重要，cite-表示下面是引用，比如引用的书籍名称，q-标签定义一个短的引用，br-换行（注意，这个标签没有结束标签，也就是没有），i-文字斜体表示，b-代表粗体文本，u-表示下划线文本等等；

注意：文本级语意标签使用，我个人的建议是，遵循定义，但是没有必要完全对照使用，比如下划线标签，斜体标签，最终的实现效果完全可以通过css实现

**嵌入内容相关：**可以支持多种多媒体资源，比如图像，音频，视频，画布，

常用的有：picture-图像，source-资源，img-图片，iframe-创建另一个内联的框架，embed-定义了嵌入的内容，video-视频，audio-音频，track-如video这类媒体媒介的外部文本，如字幕，map-可点击的图像，area-map的子元素，规定那些区域是可点击的，canvas-画布

**表格元素：**可以创建和处理表格，

常用的有：table-表格，caption-表格标题，colgroup-列表横跨，col-列表纵向跨列，tbody-表格主体，thead-表格头部，tfoot-表格底部，tr-行，td-单元格，th-表头单元格

**表单元素：**可以创建和处理表单元素，比如登录页面就是表单元素；