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
html
head:原信息配置及设置,如:
<mate charset="UTF-8"> //告诉浏览器解码方式
<mate keywords=.....> //关键词
<title>...</title> //显示到浏览器
<style></style> //样式
<link> //链接样式
<script> //用于定义客户端脚本
语法
1、注释
<!--内容-->
2、元素
由开始标签、结束标签、子标签/内容构成。子标签/内容包含在开始标签和结束标签内
<head>
<title>hello world</title>
</head>
3、属性
属性名与属性值用 = 隔开 属性与属性用 空格 隔开
- 核心属性 id 唯一标识、class 类、title 描述、style 样式(取值为CSS规则 style=“color:#333”)
- 特有属性(a href、target; img src、alt)
- 拓展属性
块元素
作用:搭建页面框架
特性:
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(网页附属部分)