• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

原创 什么是HTML?Web前端基础知识

发布时间:2020-07-16 15:06:20 浏览 4592 来源:博学谷 作者:吾非鱼

      什么是HTML?Web前端基础知识,HTML简易,超级文本标记语言版本升级采用超集方式灵活方便;可扩展性强。广泛应用带来了加强功能,增加标识符等要求;与平台无关性;通用性强,HTML是网络的通用语言,允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

     

    什么是HTML
      一、什么是html?


      将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

     

      HTML 指的是超文本标记语言 (Hyper Text Markup Language)


      XHTML指可扩展超文本标记语言(标识语言)(EXtensible HyperText Markup Language)。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。


      HTML5指的是HTML的第五次重大修改


      HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以。


      XHTML和HTML的区别?

      1.XHTML 元素必须被正确地嵌套。 XHTML是HTML的严格模式。
      2.XHTML 元素必须被关闭。
      3.标签名必须用小写字母。
      4.XHTML 文档必须拥有根元素。


      二、DOCTYPE有什么作用?


      定义文档类型,让浏览器解析器知道应该用哪个规范来解析文档。<!DOCTYPE>声明必须在 HTML 文档的第一行,这并不是一个 HTML 标签。


      标准模式(Standards mode)以浏览器支持的最高标准运行;混杂模式(Quirks mode)中页面是一种比较宽松的向后兼容的方式显示。


      三、html标签有哪些类型?


      1、块级元素
      特点:自上而下排列的,可以设置宽和高,独占一行h1-h6、p、ul、li、ol、dl、dt、dd、form、table等


      2、行内(内联)元素
      特点:横向排列的,不能设置宽和高,大小是由内容撑开的 span、font、b、strong、em、i、 a等


      3、行内(内联)块元素
      特点:横向排列的,可以设置宽和高 img、所有的input、select、textarea


      四、标签语义化的优点


      HTML结构清晰代码可度性好无障碍阅读搜索引擎可根据标签的语言确定上下文和权重问题移动设备能更完美的展示页面便于团队维护开发


      h5新增语义化标签


      section:章节、页眉、栏目。可以与标题标签结合使用article:文章标签aside:广告、侧边栏header:头部标签footer:页脚标签nav:导航标签figure:插图用的标签,在figure下嵌套img标签video视频


      audio音频


      mark高亮显示canvas画布datalist数据集


      datalist:提供一个事先定义好的列表,通过id与input关联


      五、五大浏览器内核


      Trident(MSHTML)
      Gecko
      Presto
      Webkit
      Blink


      六、如何实现浏览器内多个标签页之间的通信?

      WebSocket SharedWorker


      也可以调用 localstorge、cookies 等本地存储方式。 localstorge 在另一个浏览上下文里被添加、修改或删除时,它都会触发一个事件,我们通过监听事件,控制它的值来进行页面信息通信。注意Safari 在无痕模式下设置 localstorge 值时会抛出QuotaExceededError 的异常

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: 前端开发中绝对路径和相对路径的区别是什么? 下一篇: Web前端开发四大必备核心技能

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码