10.11第一课

最新推荐文章于 2024-10-18 14:58:16 发布

Yuric-

最新推荐文章于 2024-10-18 14:58:16 发布

阅读量70

点赞数

文章标签： html html5 css

本文链接：https://blog.csdn.net/pythonnn/article/details/120712629

版权

HTML 语义标签章节结构全局属性 div vs section vs article

关键词由CSDN通过智能技术生成

今天是开始的第二天，第一天的内容明天补上，今天主要学了关于HTML的一些基础知识，包括语法、起手式、章节标签、全局属性和默认样式。补充一下：MDN-HTML真的很有帮助，这里的很多说法可能不严谨，做个标记，明天来修正。

HTML的起手式

<!DOCTYPE html>
<html lang = "zh - CN">
<head>
    <meta charset = "UTF-8">
    <meta name = "viewport" content = "width = device - width, initial - scale = 1.0">
    <meta http-equiv = "X - UA - Compatible" content = " IE = edge ">
    <title>内容</type>
</head>
<body>
    内容
</body>
</html>

解释：

顺序其实没有规定，但一般按这个来
第一行是说明文档类型
lang指语言，可以改为zh - CN

章节标签

标题：h1 - h6 :自动加黑加粗，指标题，按数字，字号逐渐减小
章节：section :每一部分即是一个章节，如果需要第一章下边有个1.1节，那么就可以嵌套使用section
文章：article
段落：p :表示一段
头部：header :顶部的东西
脚部：footer :底部的东西，比如常见的版权声明 ©
主要内容：main
旁支内容：aside
划分：div 将内容分组，可以使用class或者id方便的定义内容的格式

注：

section、div、article的区别与联系（转载其他大佬的说法）：

div：这个标签一直是我们见得最多、用得最多的标签。它本身无任何语义，用作布局以及样式化标签。
section：用作一段有专题性的内容，一般在它里面会带有标题。 section典型的应用场景应该是文章的章节、标签对话框中的标签页、或者论文中有编号的部分。
article：article是一个特殊的section标签，它比section具有更明确的语义, 它代表一个独立的、完整的相关内容块。

div、section、article，语义是从无到有，逐渐增强的。div无任何语义，仅仅用作样式化或者脚本化的标签，对于一段主题性的内容，则就适用section，而假如这段内容可以脱离上下文，作为完整的独立存在的一段内容，则就适用 article。原则上来说，能使用article的时候，也是可以使用section的，但是实际上，假如使用article更合适，那么就不要使用section