H5全栈_html

H5全栈_htmlDay5Html5 CSS3 部分 1 Html 超文本标记语言 用于搭建页面骨架普通文本 txt 可添加文本 字符 HTML html 不仅可添加文本 字符 还可添加图片 视频 音频 超链接 地图 统计图等 HTML 协议 是用

大家好,欢迎来到IT知识分享网。

Html 5

1、Html

超文本标记语言,用于搭建页面骨架
普通文本:.txt 可添加文本、字符
HTML:.html 不仅可添加文本、字符,还可添加图片、视频、音频、超链接、地图、统计图等

HTML协议:是用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效,使网络传输减少。它不仅保证计算机正确快速地传输超文本文档,还确定传输文档中的哪一部分,以及哪部分内容首先显示(如文本先于图形)等。

特点:语法简单;体积小;功能强大,字符

url:统一资源定位符

H5和H4的区别
1、结构

<!DOCTYPE html>
<mate charset="UFT-8">

2、兼容性
H4的兼容性更好一些
H5主要用于webapp开发
手机打开网页
UC浏览器,微信分享链接,微信公众号
Android
 Chrome
Ios
 Safari
3、添加了许多新特性

结构

doctype 告诉浏览器解析结构

HTML

<mate charset="UTF-8"> //告诉浏览器解码方式 <mate keywords=.....> //关键词 <title>...</title> //显示到浏览器 <style></style> //样式 <link> //链接样式 <script> //用于定义客户端脚本 

语法

1、注释
<!--内容-->
2、元素
由开始标签、结束标签、子标签/内容构成。子标签/内容包含在开始标签和结束标签内

<head> <title>hello world</title> </head> 
  1. 核心属性 id 唯一标识、class 类、title 描述、style 样式(取值为CSS规则 style=“color:#333”)
  2. 特有属性(a   href、target;  img  src、alt)
  3. 拓展属性

块元素

作用:搭建页面框架

特性:

1、块元素独占一行
2、默认宽度为父元素的100%,默认高度由子元素或内容决定
3、可以为块元素指定宽高

元素:

div   none
h1~h3   margin、font-size、font-style
p   margin
ul、li  无序列表 :margin、padding、list-style
ol、li  有序列表: margin、padding、list-style   ol下只能有li
dl、dt、dd   dl 定义列表,dd 定义项:margin  dt 定义标题 none
body   margin
html   none

语义化标签(样式与div类似)

<div class="header"></div> 

header、footer、nav(导航)、address、artide(容器,相当于div)、section(段落、部分、aside(网页附属部分)

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/151646.html

(0)
上一篇 2025-03-12 17:00
下一篇 2025-03-12 17:10

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信