天天看点

【前端H5】对Html,元素,标签,属性,属性值的理解HTML是什么?元素是什么?标签是什么?元素的属性和属性值?总结

基础的几个概念

  • 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的时候是直接看的书,涉及到元素属性的时候,“元素”和“标签”傻傻分不清楚,在翻阅了几个大牛的博客之后,才对这两个概念有所区分,请放心食用。

第一次写博客逻辑上排版上可能还有一些欠缺,内容上如果有错误请纠正。蟹蟹!!!

继续阅读