前端——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. 标签类型
相关推荐
阳树阳树26 分钟前
signal-新的状态管理模式
前端·javascript
fakaifa27 分钟前
beikeshop多商户跨境电商独立站最新版v1.6.0版本源码
前端·小程序·uni-app·php·beikeshop多商户·beikeshop跨境电商
木木黄木木42 分钟前
HTML5手写签名板项目实战教程
前端·html·html5
姑苏洛言1 小时前
基于微信小程序实现幸运大转盘页面
前端
前端极客探险家1 小时前
如何实现一个支持拖拽排序的组件:React 和 Vue 版
前端·vue.js·react.js·排序算法
yanyu-yaya1 小时前
devextreme-react/scheduler 简单学习
前端·学习·react.js
limit for me1 小时前
react使用eventBus在不同模块间进行通信
前端·react.js
__不想说话__2 小时前
面试官问我React组件和state的关系,我指了指路口的红绿灯…
前端·javascript·react.js
一个小潘桃鸭2 小时前
需求:对表格操作列中的操作进行局部刷新
前端
番茄比较犟2 小时前
Combine知识点switchToLatest
前端