这是我参与「第四届青训营 」笔记创作活动的的第1天~
前言——前端的边界
现在,HTML 不单只是可以用在页面的范畴~
- node.js:用作服务器
- ELECTRON、React Native:用作客户端
- WebRTC:在线传输、多人会议
- WebGL:制作3D游戏
- 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 翻译为 文章)
有什么用
有趣的几点:
- 搜索引擎根据内容来判断权重,所谓的智能推送
- 盲人的这个很关键!因为他们得通过读屏的方式去获取信息,广大程序员以后如果写代码请在这方面设计好点哟~
怎么使用
参考下方链接啦~HTML5的出现使得标签更具体,不会像之前被<div>所支配那样