第四章 HTML5 新增与修改的标签 <header> <footer> <section>
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属性,让他有自适应效果。
第四章 HTML5 新增与修改的标签 <header> <footer> <section>相关推荐
- HTML基础之 HTML5新增视频和音频标签
HTML5 新增多媒体标签主要包含两个: 音频:audio 视频:video 使用它们可以很方便在页面中嵌入音频和视频,而不再是去使用flash和其它浏览器插件. 视频: video HTML5在不适 ...
- HTML5新增的语义化标签
文章目录 一.HTML5 新增语义化标签 二.新增的多媒体标签 1.音频标签: 2.视频标签: 3.总结 一.HTML5 新增语义化标签 新增的语义化标签有下列几种: <header>:头 ...
- HTML5新增的标签语义标签,HTML5新增的语义化标签解析
HTML5 新增了许多语义化标签 语义化好处:便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析. 作用 : 1.为了在没有CSS的情况下,页面也能呈现出很好地内容结构.代码结构:为 ...
- web前端入门到实战:HTML5新增和废弃的标签
一.废弃的标签 以下的 HTML 4.01 元素在HTML5中已经被删除,虽然浏览器为了兼容性考虑都还支持这些标签,但建议使用新的替代标签,矛盾的是老浏览器对新标签的支持度又不够,视项目的受众对象而定 ...
- 用户画像第四章(企业级360°用户画像_标签开发_挖掘标签_用户购物性别模型-USG)
用户购物性别模型-USG USG模型引入 USG(User Shopping Gender) 2.5.1.AI驱动的电商用户模型:性别属性是这样确定的 首先带领大家了解一下,如何通过大数据来确定用户的 ...
- html页面主详新增,HTML5 新增元素详解
一.HTML5新增结构元素 之前,我们只能用万能的div标签,并为其设置不同的id如header, footer, sidebar等来分别表达头部,底部或者侧栏等.而现在代码编写者不再需要为id的命名 ...
- html5新增标记元素的内容类型,HTML5新标签与javaScript新方法
HTML5 (0106) 1.文档声明 2.字符编码设置 3.验证(http://validator.w3.org/) HTML5新增的语义化标签 1.语义化标签:说明页面内容,便于搜索引擎寻找该内容 ...
- [HTML]HTML5新增标签
文章目录 前言 1. HTML5 新增的语义化标签 2. HTML5 新增的多媒体标签 2.1 video 标签 2.2 audio 标签 3. HTML5 新增的 input 标签 4. HTML5 ...
- 哪一个不是html5新增的语义化标记元素,东师19春《HTML5开发基础与应用》作业考核【标准答案】...
<HTML5开发基础与应用>作业考核-0001 试卷总分:100 得分:0 一. 单选题 (共 30 道试题,共 60 分) 1.关于cookie存储机制下列说法不正确的是: A.简 ...
最新文章
- JQuery选择器 属性值 等于 以开头 以结尾 元素选择
- 百度搜索与推荐引擎的云原生改造
- html加载出来图片乱掉,HTML基础 img alt 图片加载失败时,出现替代文本
- css 旋转45_CSS教程——第14期
- socket 编程入门教程(一)TCP server 端:2、socket与文件描述符
- pymongo 增删改查基本操作汇总(基本)
- java 点到点最短路径,迪杰斯特拉算法处理无向图中最短路径的(dijkstra)Java实现(指定两点,求最短距离及路径) | 学步园...
- 东财在线计算机应用基础作业,《计算机应用基础》东财在线20秋第一套作业答案...
- 软考之软件设计师之第一战计算机系统概论重点和坑
- w3c离线手册2019
- JAVANBA论坛系统计算机毕业设计Mybatis+系统+数据库+调试部署
- 计算机的硬盘配额如何更改,磁盘配额是什么怎么设置
- 智能修改文案-智能写作平台
- GWAS - plink提取染色体位置范围内的SNP位点
- 基于高分辨率影像城市绿地信息提取_[转]ENVI支持下利用高分辨率影像城市绿地信息提取方案...
- windows桌面小工具(Tkinter)
- 平安保险公司软件测试机试题
- 怎么修改PDF文件中的文字
- 如何运用python画名字_[原创]如何使用Python在好友画我上画一个标准的汉字震惊朋友圈...
- koa--更富有表现力、更健壮的 Web 框架