前端——html面试题(一)

文章目录


前言

  1. 说说对html语义化的理解
  2. html的标签
  3. 标签类型

一、说说你对 html 语义化的理解。

html 语义化是用正确的标签做正确的事情。有三大好处:

  1. 结构清晰:html 语义化让页面的内容结构化,即使在没有样式 CSS 情况下也以一种文档格式显示,并且是容易阅读的。
  2. SEO:有利于 SEO ,可以让搜索引擎更好地获取到更多有效信息,搜索引擎的爬虫依赖于标签来确定上下文和各个关键字的权重,有效提升网页的搜索量。
  3. 可维护性:使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

二、html的标签有哪些


三、标签类型

1、问题:请说说你对块级元素、行内元素、空元素的理解,它们分别都有哪些常见的标签?

  1. 块级元素:总是在新行上开始;高度,行高以及外边距和内边距都可控制;宽度缺省是它的容器的 100%, 除非设定一个宽度。它可以容纳内联元素和其他块元素。
html 复制代码
常见的块级元素标签有:<h1>至<h6>,
<div>,
<p>Paragraph,
<ul>,
<ol>The Ordered List,
<li>,
<dl>description list,
<dt>Description Term,
<dd>Description Details,
<table>,
<article>,
<aside>,
<audio>,
<video>,
<footer>,
<header>,
<nav>,
 <section>
  1. 行内元素:和其他元素都在一行上; 高,行高及外边距和内边距不可改变; 宽度就是它的文字或图片的宽度,不可改变; 内联元素只能容纳文本或者其他内联元素; 设置宽度 width 无效。 设置高度 height 无效,可以通过 line-height 来设置。 设置 margin 只有左右margin 有效,上下无效。 设置 padding 只有左右 padding 有效,上下则无效。
html 复制代码
常见的行内元素标签有:<a>,<span>,<strong> ,
<i>,<b>,<button>,
<textarea>,<em>,
<label>,<select>
  1. 空元素:没有闭合标签的标签被称作为空标签。
html 复制代码
常见的空元素标签有:<input /> <img /><hr/> <br>。

总结

  1. 说说对html语义化的理解
  2. html的标签
  3. 标签类型
相关推荐
计算机毕设定制辅导-无忧学长几秒前
HTML 性能优化之路:学习进度与优化策略(二)
学习·性能优化·html
婷婷婷婷1 分钟前
v-copyText 自定义指令 —— 复制文本内容
前端
waylon111133 分钟前
【HOC】高阶组件在Vue老项目中的实战应用 - 模块任意排序
前端·vue.js·面试
阳阳羊4 分钟前
Mpx 动画
前端
编程社区管理员5 分钟前
「2025最新版React+Ant Design+Router+TailwindCss全栈攻略:从零到实战,打造高颜值企业级应用
前端·react.js·前端框架
DJA_CR5 分钟前
解决在 TSX 中使用 `RouterView` + `KeepAlive` 不生效问题
前端·vue.js
前端爆冲15 分钟前
项目中无用export的检测方案
前端
小旋风0123421 分钟前
封装可拖动弹窗(vue jquery引入到html的版本)
vue.js·html·jquery
热爱编程的小曾43 分钟前
sqli-labs靶场 less 8
前端·数据库·less
gongzemin1 小时前
React 和 Vue3 在事件传递的区别
前端·vue.js·react.js