lbk60ox 发表于 2024-6-30 01:27:52

面试的时候你能说出几个HTML5的新特性？


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">前面的30篇合集<span style="color: black;">文案</span>里面HTML+CSS所有<span style="color: black;">基本</span>内容<span style="color: black;">已然</span><span style="color: black;">所有</span>更新完毕，今天<span style="color: black;">起始</span>学习的内容是<span style="color: black;">加强</span>内容。往期30篇内容<span style="color: black;">大众</span><span style="color: black;">能够</span><span style="color: black;">做为</span>学习笔记，<span style="color: black;">或</span>是参考文档在文末！今天来学习HTML5的新特性。</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>概述</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML5的新增特性<span style="color: black;">重点</span>是针对以前的不足，<span style="color: black;">增多</span>了<span style="color: black;">有些</span>新的标签和表单以及表单属性等。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">非常多</span>新特性都有兼容性问题，基本是IE9+ 以上版本的浏览器才支持，<span style="color: black;">倘若</span>不<span style="color: black;">思虑</span>兼容性问题，<span style="color: black;">能够</span><span style="color: black;">海量</span><span style="color: black;">运用</span>这些新特性。</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2、</span>语义化标签 （★★）</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以前布局，<span style="color: black;">咱们</span>基本用 div 来做。div <span style="color: black;">针对</span>搜索引擎<span style="color: black;">来讲</span>，是<span style="color: black;">无</span>语义的</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">&lt;</span><span style="color: black;">div</span> <span style="color: black;">class</span><span style="color: black;">=</span><span style="color: black;">“header”</span><span style="color: black;">&gt;</span> <span style="color: black;">&lt;/</span><span style="color: black;">div</span><span style="color: black;">&gt;</span>
      <span style="color: black;">&lt;</span><span style="color: black;">div</span> <span style="color: black;">class</span><span style="color: black;">=</span><span style="color: black;">“nav”</span><span style="color: black;">&gt;</span> <span style="color: black;">&lt;/</span><span style="color: black;">div</span><span style="color: black;">&gt;</span>
      <span style="color: black;">&lt;</span><span style="color: black;">div</span> <span style="color: black;">class</span><span style="color: black;">=</span><span style="color: black;">“content”</span><span style="color: black;">&gt;</span> <span style="color: black;">&lt;/</span><span style="color: black;">div</span><span style="color: black;">&gt;</span>
      <span style="color: black;">&lt;</span><span style="color: black;">div</span> <span style="color: black;">class</span><span style="color: black;">=</span><span style="color: black;">“footer”</span><span style="color: black;">&gt;</span> <span style="color: black;">&lt;/</span><span style="color: black;">div</span><span style="color: black;">&gt;</span>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">发展到了HTML5后，新增了<span style="color: black;">有些</span>语义化标签，<span style="color: black;">这般</span>的话更加有利于浏览器的搜索引擎搜索，<span style="color: black;">亦</span>方便了网站的seo（Search Engine Optimization，搜索引擎优化），下面<span style="color: black;">便是</span>新增的<span style="color: black;">有些</span>语义化标签</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;">- `<span style="color: black;">&lt;</span><span style="color: black;">header</span><span style="color: black;">&gt;</span>` 头部标签
      - `<span style="color: black;">&lt;</span><span style="color: black;">nav</span><span style="color: black;">&gt;</span>` 导航标签
      - `<span style="color: black;">&lt;</span><span style="color: black;">article</span><span style="color: black;">&gt;</span>` 内容标签
      - `<span style="color: black;">&lt;</span><span style="color: black;">section</span><span style="color: black;">&gt;</span>` 定义文档某个区域
      - `<span style="color: black;">&lt;</span><span style="color: black;">aside</span><span style="color: black;">&gt;</span>` 侧边栏标签
      - `<span style="color: black;">&lt;</span><span style="color: black;">footer</span><span style="color: black;">&gt;</span>` 尾部标签</div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-d91a0e3f0ebd7a4d9f0e4e44668ea6db_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">3、</span>多<span style="color: black;">媒介</span>标签</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">多<span style="color: black;">媒介</span>标签分为 音频 **audio** 和视频 **video** 两个标签 <span style="color: black;">运用</span>它们，<span style="color: black;">咱们</span><span style="color: black;">能够</span>很方便的在页面中嵌入音频和视频，而<span style="color: black;">再也不</span>去<span style="color: black;">运用</span>落后的flash和其他浏览器插件了。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">由于</span>多<span style="color: black;">媒介</span>标签的 属性、<span style="color: black;">办法</span>、事件比较多，<span style="color: black;">因此呢</span><span style="color: black;">咱们</span><span style="color: black;">必须</span>什么功能的时候，就<span style="color: black;">必须</span>去<span style="color: black;">查询</span><span style="color: black;">关联</span>的文档进行学习<span style="color: black;">运用</span>。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-6fc6ec3292e4582db7906141a6596169_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">4、</span>视频标签video（★★★）</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">基本<span style="color: black;">运用</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">当前 元素支持三种视频格式： <span style="color: black;">尽可能</span><span style="color: black;">运用</span> mp4格式</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">运用</span>语法：</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">html &lt;video src="media/mi.mp4"&gt;&lt;/video&gt; </p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic3.zhimg.com/80/v2-d6e2409f4b9a4762daf82f05ca3c3e2e_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">兼容写</h3>




情迷布拉格 发表于 2024-9-2 01:39:28

你字句如珍珠，我珍藏这份情。

4lqedz 发表于 2024-10-11 08:46:49

感谢楼主分享，祝愿外链论坛越办越好！

4lqedz 发表于 2024-10-12 08:26:19

我完全同意你的观点，说得太对了。

7wu1wm0 发表于 2024-10-12 13:54:43

我完全赞同你的观点，思考很有深度。

nqkk58 发表于 2024-10-30 10:49:26

感谢你的精彩评论，带给我新的思考角度。

nqkk58 发表于 4 天前

感谢楼主的分享！我学到了很多。
页: [1]
查看完整版本: 面试的时候你能说出几个HTML5的新特性？