美文网首页
HTML的入门学习(一)

HTML的入门学习(一)

作者: wxyzcctn | 来源:发表于2018-10-14 20:42 被阅读0次

在学习HTML的过程中,发现了一些新的概念,空元素,可替代元素,这里就做一下学习的笔记,具体的学习内容是通过MDN上查找到的。

空元素(https://developer.mozilla.org/zh-CN/docs/Glossary/%E7%A9%BA%E5%85%83%E7%B4%A0)

一个空元素(empty element)可能是 HTML,SVG,或者 MathML 里的一个不可能存在子节点(例如内嵌的元素或者元素内的文本)的element

HTMLSVGMathML的规范都详细定义了每个元素能包含的具体内容(define very precisely what each element can contain)。许多组合是没有任何语义含义的,比如一个<audio> 元素嵌套在一个 <hr> 元素里。

在 HTML 中,通常在一个空元素上使用一个闭标签是无效的。例如,<input type="text"></input>的闭标签是无效的 HTML。

在 HTML 中有以下这些空元素:

<area>

<base>

<br>

<col>

<colgroup> when the span is present

<command>

<embed>

<hr>

<img>

<input>

<keygen>

<link>

<meta>

<param>

<source>

<track>

<wbr>

Note: 在极少数情况下,空元素被错误地称为“无效元素”(void elements)。

可替换元素(https://developer.mozilla.org/zh-CN/docs/Web/CSS/Replaced_element)

CSS 里,可替换元素(replaced element)的展现不是由CSS来控制的。这些元素是一类 外观渲染独立于CSS的 外部对象。 典型的可替换元素有 <img>、 <object>、 <video> 和 表单元素,如<textarea>、 <input> 。 某些元素只在一些特殊情况下表现为可替换元素,例如<audio> 和 <canvas> 。 通过 CSS content 属性来插入的对象 被称作匿名可替换元素(anonymous replaced elements)。

CSS在某些情况下会对可替换元素做特殊处理,比如计算外边距和一些auto值。

需要注意的是,一部分(并非全部)可替换元素,本身具有尺寸和基线(baseline),会被像vertical-align之类的一些 CSS 属性用到。

CSS Key Concepts: CSS 语法@规则注释优先级继承, the 盒模型布局模式视觉格式化模型,以及外边距合并,或者初始计算解析指定使用实际值。 Definitions of 值语法简写属性可替换元素

此处记录一点display默认值的相关知识:div,p,li,img,ul,h1等默认情况下的display属性值就是“block”,span的display默认属性值是“inline”。

相关文章

  • #30天专注橙长计划#向前端工程师进发#day0#航线设计

    发现问题,路线大修。 学习方面:暂定按HTML入门→CSS入门→HTML进阶→CSS进阶→JavaScript入门...

  • 带你零基础学习HTML5

    1个HTML5基础入门教程,4个HTML5小项目教程,带你零基础入门学习HTML5。 【HTML5基础入门】 教程...

  • HTML的入门学习(一)

    在学习HTML的过程中,发现了一些新的概念,空元素,可替代元素,这里就做一下学习的笔记,具体的学习内容是通过MDN...

  • html学习总结

    HTML入门学习 一、HTML基础(1)标签:html的ml就标识标记语言,是xml的一种,格式固定(2)标签都是...

  • ife学习一,html入门

    学习网址建议去w3c上利用在线编辑器使用,实践是检验真理的唯一标准。 html和css关系,html就是基本的骨架...

  • React-Native 之 网络请求 fetch

    前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人...

  • React-Native 之 Text的使用

    前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人...

  • React-Native 之 View的使用

    前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人...

  • React-Native 之 常用组件Image使用

    前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人...

  • React-Native 之 Navigator和Navigat

    前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人...

网友评论

      本文标题:HTML的入门学习(一)

      本文链接:https://www.haomeiwen.com/subject/bbptzftx.html