物联网：HTML基础回顾 nb-iot|芯片|2g

文章图片

文章图片

文章图片
本文主要内容
html 的常见元素html 的常见元素主要分为两类：head 区域的元素、body 区域的元素。下面来分别介绍。
1、head 区域的 html 元素

head 区域的 html 元素，不会在页面上留下直接的内容。

meta
title
style
link
script
base

base元素的介绍：
<base href=https://mparticle.uc.cn/"/\">

base 标签用于指定基础的路径。指定之后，所有的 a 链接都是以这个路径为基准。
2、html 元素（body 区域）

body 区域的 html 元素，会直接出现在页面上。

div、section、article、aside、header、footer
p
span、em、strong
表格元素：table、thead、tbody、tr、td
列表元素：ul、ol、dl、dt、dd
a
表单元素：form、input、select、textarea、button

div 是最常见的元素，大多数场景下，都可以用div（实在不行就多包几层div）。可见， div 是比较通用的元素，这也决定了 div 的的语义并不是很明确。
常见标签的重要属性：
html 文档的大纲我们平时在写论文或者其他文档的时候，一般会先列出大纲，然后再写具体的内容。
同样， html 网页也可以看成是一种文档，也有属于它的大纲。
一个常见的html文档，它的结构可以是：
【物联网：HTML基础回顾】
查看网页大纲的工具我们可以通过工具查看一个网页的大纲。
使用方法：
（1）将网址保存到书签栏
（2）去目标网页，点击书签栏的网址，即可查看该网页的大纲。
这个工具非常好用，既可以查看网页的大纲，也可以查看 markdown 在线文档的结构。
html 元素的分类按照样式分类：

块级元素
行内元素
inline-block：比如form表单元素。对外的表现是行内元素（不会独占一行），对内的表现是块级元素（可以设置宽高）。

按照内容分类：
html 元素的嵌套关系
html 元素的默认样式和 CSS Reset比如下拉框这种比较复杂的元素，是自带默认样式的。如果没有这个默认样式，则该元素在页面上不会有任何表现，则必然增加一些工作量。
同时，默认样式也会带来一些问题：比如，有些默认样式我们是不需要的；有些默认样式甚至无法去掉。
如果我们不需要默认的样式，这里就需要引入一个概念：CSS Reset 。
常见的 CSS Reset 方案方案一：
CSS Tools: Reset CSS 。
方案二：
雅虎的 CSS Reset 。