您现在的位置:首页 » 红经验 » 最新动态

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

2020-12-14 09:35:30

    什么是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 的异常