本文介绍了HTML5的基础概念，包括HTML是什么，超文本含义，元素的定义与类型，标签的结构，以及元素属性和属性值。通过实例解析了元素、标签、属性之间的关系，并强调了元素的属性对内容的影响。
HTML是什么？
- 是用来描述网页的一种语言
- 是指超文本标记语言（hyper text markup language）
- html不是编程语言，是一种标记语言
超文本是什么？
概念见🔗，🔗来自百度百科，本人还没有进行深刻的理解和总结，后续了解之后再记录。
链接: link.
元素是什么？
元素是指从开始标签到结束标签的所有代码。
例如：
<p>我从没有想过我也会开始写博客了</p>
<p>：开始标签/起始标签
⚠️元素的名称和属性都必须在起始标签中
</p>：结束标签
“我从没有想过我也会开始写博客了”：元素内容/元素主体
元素的类型
- 元数据元素（metadata element）
构建HTML文档的基本结构，告诉浏览器如何处理文档。 - 流元素（flow element）
- 短语元素（phrasing element）
标签是什么？
所有标签都包含在“<”“>”起止标识符中，构成一个标签。
例如：<a>，<head>，<body>
- 标签与标签之间可以互相嵌套
<p id=“example” align=“center”><a href=“253htmllayout.html”>布局</a>哈哈哈哈</p>
元素的属性和属性值？
元素的属性是指这个元素有什么特性。
元素的属性包含属性名称和属性值两部分
- 属性名称和属性值通过等号进行连接。
<p align=“center”>段段段</p>
属性名称：align（对齐方式）
属性值：center（居中）
- 多个属性之间用空格分隔。
<p align=“center” hidden=“ture”>段段段</p>
属性1：align（对齐方式）
属性2：hidden（隐藏内容）
- 元素名称和属性之间也用空格分隔。
<p id=“example” align=“center” hidden=“ture”>段段段</p>
元素名称：example
属性：align和hidden
- 少数元素的属性也有可能不包含属性值，仅仅有一个属性名称。（我还没实际遇到过，但是书上有写，先保留，实际上这种概念很让人添堵哈哈）
- 公共属性
title、id、class、style等
- 属性值
属性值一般都写在双引号“ ”之间。
总结
元素和标签的区别
- <p>这是一个标签。
- <p></p>但这就是一个元素（不管有没有内容主体）。
- 个人理解属性和属性值只有放进元素里才有意义。
- 元素的属性主要作用于内容主体。
我刚开始学习h5的时候是直接看的书，涉及到元素属性的时候，“元素”和“标签”傻傻分不清楚，在翻阅了几个大牛的博客之后，才对这两个概念有所区分，请放心食用。
第一次写博客逻辑上排版上可能还有一些欠缺，内容上如果有错误请纠正。蟹蟹！！！
扫一扫
9690
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
