web前端的html常用标签有哪些？

之前看过一篇web前端的文章，说面试的时候面试官问面试者：你知道web前端HTML有什么标签？他们各自的用处是什么？面试者一脸懵。这些都是纯理论的内容，怎么面试还会问呢？因此，为了避免大家也和他一眼的情况，所以给大家分享一下web前端的html常用标签有哪些？

Doctype

!DOCTYPE 声明不是一个 HTML 标签，是用来告知 Web 浏览器页面使用了哪种 HTML 版

<!DOCTYPE>

HTML

html 此元素可告知浏览器其自身是一个 HTML 文档

<html> </html>

Head

head 元素是所有头部元素的容器

head 元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息以及其他更多的信息

Title

title元素可定义文档的标题

浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称

<title> </title>

Main

main 标签规定文档的主要内容

main 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、版权信息、站点标志或搜索表单

<main> </main>

Body

body 元素定义文档的主体

body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）

<body> </body>

H1 - H6

<h1> - <h6>标签可定义标题

<h1> 定义重要等级最高的标题，<h6>定义重要等级最低的标题

<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>

<p> 标签定义段落

<p> 元素会自动在其前后创建一些空白，浏览器会自动添加这些空间，也可以在样式表中规定

<p> </p>

Span

<span> 标签被用来组合文档中的行内元素，span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化

<span> </span>

Div

<div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分，可能是HTML中最常用的标签之一

<div> </div>

Image

img 元素向网页中嵌入一幅图像

<img> 标签有两个必需的属性：src 属性和 alt 属性

无序列表

<ul> 标签定义无序列表

<ul> </ul>

有序列表

<ol> 标签定义有序列表

<ol> </ol>

超链接

<a> 标签定义超链接，用于从一张页面链接到另一张页面，最重要的属性是 href 属性，它指示链接的目标

<a href=”https://www.w3schools.comhttps://zackmactavish.github.io/MacTavish/" target="_blank"> Visit my website!</a>

缩写词

<abbr> 标签指示简称或缩写，比如 "WWW" 或 "NATO"，通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息

This website is all about <abbr title=”HyperText Markup Language”>HTML</abbr>.

Button

<button> 标签定义一个按钮，元素内部可以放置内容，比如文本或图像

<button type="button">Click Me!</button>

Form

<form> 标签用于为用户输入创建 HTML 表单，表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等

<form> </form>

Script

<script> </script>

换行符

<br> 标签插入一个简单的换行符

<br>

注释行

注释标签用于在源代码中插入注释，注释不会显示在浏览器中

<!-- This is how you comment your code -->

粗体

<b> 标签规定粗体文本

<b>bold text</b>

Header

<header> 标签定义文档的页眉（介绍信息）

<header> </header>

Footer

页脚元素代表信息的容器，例如作者信息、版权信息、联系信息、站点地图、返回顶部链接和相关文档

<footer> </footer>

Details

<detail> 标签用于描述文档或文档某个部分的细节

<details> </details>

Summary

<summary> 标签为 <detail> 元素定义一个可见的标题，当用户点击标题时会显示出详细信息

 <summary> </summary>

Address

<address> 标签可用于包裹我们网站上指示个人或组织的联系信息的部分

<address>Organization Name: MacTavish Designs <br>Web Site:<a href="https://zackmactavish.github.io/MacTavish/">Zack MacTavish</a><br>Portland, Oregon</address>

以上就是“web前端的html常用标签有哪些？”的详细内容，想要了解更多web前端教程欢迎持续关注编程学习网

扫码二维码 获取免费视频学习资料

Python编程学习

查看2022高级编程视频教程免费获取