day13笔记

最新推荐文章于 2024-07-04 23:20:16 发布

兰木（做个让人骄傲的人）

最新推荐文章于 2024-07-04 23:20:16 发布

阅读量59

点赞数

本文链接：https://blog.csdn.net/m0_60147773/article/details/119783749

版权

day13笔记

一、H5相关概念

HTML和XHTML区别 1、XHTML是HTML语言的严格模式，可扩展的标记语言，从语法上新增了一些东西 2、XHTML区分大小写 3、XHTML要求标记必须闭合 4、XHTML要求必须有根标记

		webApp网页应用
		+ 原生开发，Android、IOS，性能比较好，不能跨平台开发
		+ webApp开发，可以跨平台，性能没有原生的好
		+ 混合开发，把webApp的优势和原生APP的优势相结合进行全面开发
		
		为什么HTML5基本结构那么简洁？
		+ 回答：因为H5结构不基于SGML，所以不需要引用DTD，结构比较简单
		+ DTD规定了标记语言的规则，这样浏览器才能正确地呈现内容
		+ 基于 SGML标准通用标记语言，是一种定义电子文档结构和描述其内容的国际标准语言
		
		盒模型
		1、标准盒模型（w3c）
		2、怪异盒模型（IE）
		3、标准盒模型和怪异盒模型的区别，在于计算方式
		+ 标准盒模型宽度 = 左右margin + 左右border + 左右padding + width
		+ 怪异盒模型宽度 = 左右margin + width（包含了border和padding）
		+ 因为怪异盒模型宽度或者高度里面已经包含了border和padding所以会自动计算宽度或者高度
		4、触发怪异盒模型
		+ 在低版本的IE浏览器下当咱们不定义doctype的时候可以触发
		+ 在css3里面新增了一个可以在高版本浏览器里面触发怪异盒模型的属性
		box-sizing:border-box（把标准盒模型转成怪异盒模型）|content-box（标准盒模型）;
		
		语义化
		1、标记语义化，就是HTML语言给咱们制定的标记具有意义，直接可以根据具体情况使用
		+ 语义化，见名之意，你看到它就知道什么意思
		2、命名语义化
		+ 当咱们给标记取名称的时候（class和id、name）要遵循词要达意，你要写的东西要把自己的意思清晰明了表述出来
	
		<!--网页头部区域-->
		<header></header>
		<!--导航区域-->
		<nav></nav>
		<!--主要内容区域，页面只能有一个，一般用在布局结构的外层区域-->
		<main></main>
		<!--网页尾部区域-->
		<footer></footer>
		<!--容器区域里面的一个区块-->
		<section></section>
		<!--博客或者文章-->
		<article></article>
		<!--侧边栏-->
		<aside></aside>
		<!--日期和时间-->
		<time>2021-8-18</time>
		<!--高亮显示-->
		<p>魏川鹏喜欢很多<mark>小姐姐</mark></p>

二、H5多媒体标记

video视频标记 1、source资源 --- src 作用：引入不同格式的视频 + src 视频资源的地址 + type 视频格式类型 + 视频支持的格式 mp4、ogg（ogv）、webm + 属性 controls 视频控件 loop 循环播放 autoplay 自动播放 muted 静音 poster 封面 preloat 设置为预加载的 video元素，和autoplay属性有冲突只能有一个 auto - 当页面加载后载入整个视频 meta - 当页面加载后只载入元数据 none - 当页面加载后不载入视频

		2、object对象标记
		+ object的作用是用来加载的flash动画的
		+ type文件类型
		+ param标记 是flash的路径标记
		+ 后缀名为.swf的表示的是flash文件
		
		3、关于H5标记提示信息
		+ 如果大家在H5标记里面看到有提示信息的文字，表示在低版本的浏览器做提示使用的

三、H5标记

网页头部区域

left区域

center区域

right区域

不会加入光之国的五位奥特曼，最后一位真不容易请！

光之国如今有一百亿居民，但是却不是唯一生产奥特曼的地方，也不是所有奥特曼最终的归宿。下面几个奥特曼不会加入。

第二位是戴拿奥特曼。戴拿奥特曼是一位星际战士，这个名称可不是随便说说，曾经掉入黑洞，直接穿越到找和奥特曼的世界。还成为了赛迦奥特曼的原材料，前途不可限量，不过目前戴拿奥特曼还没有加入光之国的打算。

第四位捷德奥特曼。捷德奥特曼是贝利亚的儿子，大家都知道贝利亚曾多次大闹光之国，给光之国带来了巨大的灾难。虽然，捷德奥特曼成功洗白，但是他毕竟是贝利亚的儿子，加入光之国，要问光之国的子民答不答应了。

光之国如今有一百亿居民，但是却不是唯一生产奥特曼的地方，也不是所有奥特曼最终的归宿。下面几个奥特曼不会加入。

				<!--画布标记-->
				<!-- <canvas>此浏览器不支持</canvas>
				<canvas></canvas> -->
				
				<!--下拉菜单标记，带有提示信息的标记-->
				<input list="lk"/>
				<datalist id="lk">
					<option>宝马</option>
					<option>宝宝</option>
					<option>宝贝</option>
					<option>浴皇大帝（凯迪拉克）</option>
					<option>奔驰</option>
				</datalist>
			</body>
		</html>

四、表单标记

智能表单

电子邮箱

电话号码

搜索

数字

进度条

取色器

日历

月份

周数

网址

上传文件

隐藏域

图像域

兰木（做个让人骄傲的人）

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
day13笔记

day13笔记一、H5相关概念 HTML和XHTML区别 1、XHTML是HTML语言的严格模式，可扩展的标记语言，从语法上新增了一些东西 2、XHTML区分大小写 3、XHTML要求标记必须闭合 4、XHTML要求必须有根标记 webApp网页应用 + 原生开发，Android、IOS，性能比较好，不能跨平台开发 + webApp开发，可以跨平台，性能没有原生的好 + 混合开发，把webApp的优势和原生APP的优势相结合进行全面开发为什么HTM
复制链接

扫一扫