Html5

Html5

MDN web docs

这几天从MDN的文档里重新过了一遍html的知识,过了一遍html的基础标签,以及html5的语义化标签。

MDN Web Docs 是一个提供开放网络(Open Web)技术相关信息的网站,包括用于网站和渐进式网络应用的HTML、CSS 和API。 它还记录了一些用于Mozilla 产品的面向开发者的文档,例如Firefox 开发者工具。

HTML

就其核心而言, HTML 是一种相当简单的、由不同元素组成的标记语言,它可以应用于文本片段,使文本在文档中具有不同的含义(它是一个段落吗?它是一个项目列表吗?它是一个表格吗?),将文档结构化为逻辑块(文档是否有头部?有三列内容?有一个导航菜单?),并且可以将图片,影像等内容嵌入到页面中。本模块将介绍前两个,并且介绍一些理解HTML所需的基本概念和语法。

HTML (HyperText Markup Language) 不是一门编程语言,而是一种用来告知浏览器如何组织页面的标记语言。HTML 可复杂、可简单,一切取决于开发者。它由一系列的元素(elements)组成,这些元素可以用来包围不同部分的内容,使其以某种方式呈现或者工作。 一对标签( tags)可以为一段文字或者一张图片添加超链接,将文字设置为斜体,改变字号,等等

比如下面一段内容:

1
你离开了南京,从此没有人和我说话。

转换成html代码,可以用<p>元素(paragraph)去封装这段文本:

1
<p>你离开了南京,从此没有人和我说话</p>

注:HTML 标签不区分大小写。也就是说,输入标签时既可以使用大写字母也可以使用小写字母。例如,标签 <title> 写作<title><TITLE><Title><TiTlE>,等等都可以正常工作。不过,从一致性、可读性等各方面来说,最好仅使用小写字母。

  1. 开始标签(Opening tag):包含元素的名称(本例为 p),被左、右角括号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。
  2. 结束标签(Closing tag):与开始标签相似,只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误,这可能会产生一些奇怪的结果。
  3. 内容(Content):元素的内容,本例中就是所输入的文本本身。
  4. 元素(Element):开始标签、结束标签与内容相结合,便是一个完整的元素。
作者

Scientist

发布于

2021-07-29

更新于

2022-03-14

许可协议


评论

Your browser is out-of-date!

Update your browser to view this website correctly.&npsb;Update my browser now

×