美文网首页前端进击者
HTML相关的一些简单知识

HTML相关的一些简单知识

作者: 陈有味 | 来源:发表于2021-04-28 14:06 被阅读0次

    今天自己总结了一些关于 W3C 、MDN、以及关于HTML的空元素与可替换元素的小知识,在这里分享出来给大家!

    HTML 简介

     HTML(超文本标记语言——HyperText Markup Language)是构成 Web世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。

    W3C 简介 

    W3C简介:万维网联盟(W3C)由蒂姆·伯纳斯-李于1994年10月离开欧洲核子研究中心(CERN)后成立,在欧盟执委会和国防高等研究计划署(DARPA)的支持下成立于麻省理工学院MIT计算机科学与人工智能实验室(MIT/LCS)[2],DARPA曾率先推出了互联网及其前身ARPANET。

    为解决网络应用中不同平台、技术和开发者带来的不兼容问题,保障网络信息的顺利和完整流通,万维网联盟制定了一系列标准并督促网络应用开发者和内容提供者遵循这些标准。标准的内容包括使用语言的规范,开发中使用的导则和解释引擎的行为等等。W3C也制定了包括XML和CSS等的众多影响深远的标准规范。

     但是,W3C制定的网络标准似乎并非强制而只是推荐标准。因此部分网站仍然不能完全实现这些标准。特别是使用早期所见即所得网页编辑软件设计的网页往往会包含大量非标准代码。 

    MDN 简介

    MDN Web Docs(旧称Mozilla Developer Network、Mozilla Developer Center,简称MDN)是一个汇集众多Mozilla基金会产品和网络技术开发文档的免费网站 --wiki

     HTML 所有标签列表 

    HTML 所有标签列表 (传送门:见MDN)

    什么是空元素 

    一个空元素(empty element)可能是 HTML,SVG,或者 MathML 里的一个不可能存在子节点(例如内嵌的元素或者元素内的文本)的element。 HTML,SVG 和 MathML 的规范都详细定义了每个元素能包含的具体内容(define very precisely what each element can contain)。许多组合是没有任何语义含义的,比如一个 <audio> 元素嵌套在一个 <hr> 元素里。 在 HTML 中,通常在一个空元素上使用一个闭标签是无效的。例如,<span><input type="text"></input>的闭标签是无效的 HTML。 

    在 HTML 中有以下这些空元素: <ul> <li><area></li> <base> <br> <col> <colgroup> when the span is present <command> <embed> <hr> <img> <input> <keygen> <link> <meta> <param> <source> <track> <wbr>  

    什么是可替换标签 

    在 CSS 中,可替换元素(replaced element)的展现效果不是由 CSS 来控制的。这些元素是一种外部对象,它们外观的渲染,是独立于 CSS 的。 简单来说,它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置,但不会影响到可替换元素自身的内容。

    某些可替换元素,例如 <iframe> 元素,可能具有自己的样式表,但它们不会继承父文档的样式。 CSS 能对可替换元素产生的唯一影响在于,部分属性支持控制元素内容在其框中的位置或定位方式。

     可替换元素节 典型的可替换元素有: <iframe> <video> <embed> <img> 

    有些元素仅在特定情况下被作为可替换元素处理,例如: <option> <audio> <canvas> <object> <applet> 

    HTML 规范也说了 <input> 元素可替换,因为 "image" 类型的 <input> 元素就像<img>一样被替换。但是其他形式的控制元素,包括其他类型的 <input> 元素,被明确地列为非可替换元素(non-replaced elements)。该规范用术语小挂件(Widgets)来描述它们默认的限定平台的渲染行为。 用 CSS content 属性插入的对象是匿名的可替换元素。它们并不存在于 HTML 标记中,因此是“匿名的”。

    相关文章

      网友评论

        本文标题:HTML相关的一些简单知识

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