HTML5 基础知识

HTML5 基础知识

什么是 HTML？

HTML 是一种超文本标记语言，“超文本”就是指页面内可以包含图片、链接、深职音乐、视频、程序等非文字元素
HTML 不是一种编程语言
HTML5 是 HTML 的最新版本

HTML5 的新特性

用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好支持
新的特殊内容元素，如：article、footer、header、nav、section
新的表单控件，如：calendar、date、time、email、url、search

文档基本结构

< !DOCTYPE html> 申明文档类型，告诉浏览器用HTML5规范进行解析
< html> < /html> 双标签，所有的文档内容均包含在这个标签里面
< head> < /head> 不可见内容，包含文档标签、字符编码等
< body> < /body> 可见内容、图片、文本表单等所有可见内容

<!DOCTYPE html>                  <!--申明文档类型-->
<html lang="zh-cn">              <!--表明文档的开始--><head>                       <!--head 标签存放文档的基本信息，不可见元素--><meta charset="UTF-8"/>  <!--声明字符串编码--><title></title>          <!--声明文档标题--></head><body>                       <!--body标签存放文档可见内容--></body>
</html>                          <!--表明文档结束-->

元素

HTML 元素指的是从开始标签到结束标签中的所有代码(内容)
单标签中的所有代码（内容）

元素内容

从开始标签到结束标签中的内容（不包括标签）
单标签没有元素内容

元素属性

属性是帮助标签完善功能
写在开始标签中，和标签名之间有空格
属性名=“属性值”，引号要使用英文状态的符号
标准属性：通用于几乎素有标签的属性
特殊属性：不通用于所有标签的属性

标准属性

id属性

是元素唯一标识
同一个页面中不能有相同的id
同一页面中，不同元素也不能有相同的id

class属性

相同的元素，不同的元素可以有相同的类名
同一个元素可以有多个类名，用空格隔开
主要用来选择一堆元素，定义样式
规定类名时，类名不能以数字开头

title属性

规定元素的额外信息
鼠标移到元素上时，显示提示文字

style属性

规定元素的行内样式
style属性设置的样式会覆盖其他方式设置的样式
可以设置多个属性值，用";"隔开

自定义属性

自定义属性

自己定义属性名，属性值
自定义属性用得不多

自定义数据属性

用于存储页面或应用程序的私有自定义数据
data-* 属性包括两部分：
a.“*”表示自定义的属性名，在data-之后必须包含至少一个字符
b.属性值可以是任何字符串
c.在小程序中用得多

HTML5 基础知识相关推荐

html5基础知识文档,HTML5基础知识（1）
原标题:HTML5基础知识(1) html5是万维网的核心语言.标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改.2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力, ...
html5哪个属性规定输入字段是必填的,HTML5基础知识习题及答案
原标题:HTML5基础知识习题及答案 1. HTML5 之前的HTML版本是什么? 答: HTML 4.01 2. HTML5 的正确doctype是? 答: 3. 在 HTML5 中,哪个元素用于组 ...
html5基础知识，期末复习大全
目录 1.1 Web系统体系结构 1.C/S(即Client/Server)结构 1.2 浏览器 1.排版引擎(Rendering Engine) 2.Javascript引擎 1.3 Web相关概 ...
Html5基础知识笔记
学习笔记,供个人快速查阅使用!! 公开分享,不喜勿喷! Html5基础介绍 h1标签 <h1>Hello World</h1> p标签如果想在网页上显示文章,这时就需要< ...
HTML5基础知识学习笔记
1.Html5基础讲解 1.1HTML5基础标签: head:头标签,一般会将一些网页的基本配置和文件引用在head中设置: body:内容标签,里面是整个网页要展示内容部分: 1.2HTML5标题: ...
HTML5基础知识汇总
HTML是Hypertext Markup Language的缩写,中文翻译为:超文本标记语言 HTML文档结构和基本语法 HTML5基本语法扩展名.html/.htm 内容类型(ContentTy ...
超详细、超清楚的HTML5基础知识
本文从最基本HTML5知识说起,让各位看官老爷能够从零开始学习!!! 不渴望能够一跃千里,只希望每天能够前进一步基本知识 web前端三大技术: (1)html:结构 (2)css:样式 (3 ...
HTML5 基础知识（四）
关于web图像: 1.格式与下载速度:当前web上应用最广泛的三种格式gif.png.jpeg. JPEG格式适用于彩色照片,因为它包含大量的颜色并进行合理的压缩,采用这种格式保存的文件相对较小,全彩 ...
HTML5 基础知识（二）
<!DOCTYPE html> <html lang="en"> <head><meta charset="utf-8" ...

HTML5 基础知识

HTML5 基础知识

什么是 HTML？

HTML5 的新特性

文档基本结构

元素

元素内容

元素属性

标准属性

id属性

class属性

title属性

style属性

自定义属性

自定义属性

自定义数据属性

HTML5 基础知识相关推荐

最新文章

热门文章