第四章 HTML5 新增与修改的标签＜header＞＜footer＞＜section＞

关注

原创 2022-07-14 04:38:35 621 阅读 AI 写同款· GEO 优化 ›

EndNote全文检索实战：如何快速配置学校图书馆资源并精准查找文献本文详细介绍了EndNote全文检索功能的实战配置方法，核心在于通过正确设置OpenURL链接解析器，无缝对接学校图书馆资源，实现一键精准获取文献全文。文章提供了从理解机制、四步配置法到进阶技巧的完整指南，帮助科研人员高效管理海量PDF，构建个人知识体系，大幅提升文献调研与写作效率。阅读详情

4.3 宽容的 HTML5

<link href=CSS/main.css rel=stylesheet >

这一行没有 type 标签，结尾也没有斜杠，但是他是完全合法的。

4.3.2 向<a>标签致敬

<a href="index.html">
<h2>The home page</h2>
<p>This paragraph also links to the home page</p>
<img src="home-image.png" alt="home-slice" />
</a>

a 标签内将可以嵌套东西。

4.4 HTML5 的新语义元素

<header> 网站头部

<footer> 网站尾部

<main> 放置主要元素

<section> 放置主要元素

<nav> 放置导航元素

<section> 放置通用区块

<aside> 广告和导航元素等，于电子商务站点来说，我会把“购买了这个商品的用户还购
买了”的内容放在<aside>里面。

<detail> 和 <summary> 一个带有收起展开的标签

<details>
    <summary>I ate 15 scones in one day</summary>
    <p>Of course I didn't. It would probably kill me if I did. What away to go. Mmmmmm, scones!</p>
</details>

4.9 在 HTML5 中嵌入媒体

<video src="myVideo.mp4" width="640" height="480" controls autoplay> What, do you mean you don't understand HTML5?</video>

video { max-width: 100%; height: auto; }

规定了宽高，controls autoplay 是使用默认播放器播放

可以为它设置css属性，让他有自适应效果。

收录于