⚡️字节的 HTML | 青训营笔记

91 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第1天~

前言——前端的边界

现在,HTML 不单只是可以用在页面的范畴~

  1. node.js:用作服务器
  2. ELECTRON、React Native:用作客户端
  3. WebRTC:在线传输、多人会议
  4. WebGL:制作3D游戏
  5. WebASSEMBLY:将其他语言编(C++)写成能在浏览器能运行的代码

一、HTML 是什么

我们先来看一下 MDN 给的 HTML 定义~

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

“超文本”(hypertext)是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网,并将其与他人创建的页面相链接,你就成为了万维网的积极参与者。

HTML 元素通过“标签”(tag)将文本从文档中引出,标签由在“<”和“>”中包裹的元素名组成,HTML 标签里的元素名不区分大小写。也就是说,它们可以用大写,小写或混合形式书写。例如, 标签可以写成 , 或以任何其他方式。

来自 MDN

HTML 主要负责的是组成页面的结构,而样式和与用户的交互,由 CSS 和 JavaScript 分别去实现

二、HTML 怎么使用

html 使用的是标签的方法,例如<a></a>的方式对内容进行包裹

标签使用法

只记录了作者不常用的哦~其他的还是得系统的学的

参考:www.runoob.com/html/html-t…

1. cite

  • <cite>一般是用作引用的书名、章节(字体会迈克杰克逊倾斜)

2. q

  • <q>指的是具体的内容(会带上"")

3. code

  • 用作代码的展示,字体样式与普通的不同,会以等宽示人

注意

  • 标签和属性不区分大小写,推荐小写
  • 空标签可以不闭合,比如input、meta
  • 属性值推荐使用双引号包裹
  • 某些属性值可以省略,比如required 、readonly

三、HTML 语义化🌟

是什么

简单来说,就是当你看到这个标签,你就知道它的作用是啥,我们称之为标签语义化,比如说,在页面中看到<article>标签,就自然的想到这是文章区域(article 翻译为 文章)

有什么用

有趣的几点:

  1. 搜索引擎根据内容来判断权重,所谓的智能推送
  2. 盲人的这个很关键!因为他们得通过读屏的方式去获取信息,广大程序员以后如果写代码请在这方面设计好点哟~

怎么使用

参考下方链接啦~HTML5的出现使得标签更具体,不会像之前被<div>所支配那样

HTML5 菜鸟教程