欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前端HTML面试题

程序员文章站 2022-06-18 19:21:53
1、HTML 语义化的理解html语义化的含义:根据内容的结构化,选择合适的标签便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。语义化的原因:在我的理解当中是:为了在没有CSS情况下,页面也能呈现出很好的内容结构、代码结构。用户体验:例如title、alt用于解释名词或者解释图片信息、label标签dd的活用。有利于SEO(网络引擎搜索优化):和搜索引擎建立良好的沟通,有助于爬虫抓取更多的有效信息方便其它设备解析便于团队开发和维护**2.HTML5新增了哪些语义化...

1、HTML 语义化的理解

html语义化的含义:根据内容的结构化,选择合适的标签便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
语义化的原因:在我的理解当中是:

  1. 为了在没有CSS情况下,页面也能呈现出很好的内容结构、代码结构。
  2. 用户体验:例如title、alt用于解释名词或者解释图片信息、label标签dd的活用。
  3. 有利于SEO(网络引擎搜索优化):和搜索引擎建立良好的沟通,有助于爬虫抓取更多的有效信息
  4. 方便其它设备解析
  5. 便于团队开发和维护
    **

2.HTML5新增了哪些语义化标签

头部:<header></header>
尾部:<footer></footer> 
独立结构:<article></article> 
主要内容:<main></main> 
导航:<nav></nav> 
侧边栏:<aside></aside>    
节、段、分组:<section></section>  

表单新增语义化标签:

input类型 描述
autofocus 页面加载时自动获取焦点
required 规定输入域不能为空
placeholder 提供一种提示(hint),输入域为空时显示,获得焦点时消失
pattern 规定验证input域的模式(正则表达式)
height、width 仅适用于image类型的input标签的图像高度和宽度

3、H5的新特性

  1. 语义化标签
  2. 本地储存
    (1)localStorage.setItem(“name”,arr);//保存数据
    (2)localStorage.getItem(“name”)//读取数据,也可以根据key值读取
    (3)localStorage.removeItem(key)//删除单个数据
    (4)localStorage.clear()//数据清空复制代码
  3. 播放音频文件的标签
  4. Canvas
  5. SVG绘图

本文地址:https://blog.csdn.net/weixin_49076089/article/details/110408109

相关标签: html