HTML5入门学习（1）-职坐标

HTML5入门学习（1）

沉沙 2018-10-09 来源：阅读 1373 评论 0

摘要：本篇教程探讨了HTML5入门学习（1），希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通。

本篇教程探讨了HTML5入门学习（1），希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通。

1.HTML5概述

继html4和xhtml1.0后的超文本标记语言最新版本。
最重要的三项技术：html5核心规范（标签元素），CSS3，JavaScript
2008年发布，主要为了补全功能。
特点：1.向下兼容；2。用户至上；3.化繁为简；4.无插件范式（flash插件）；5.访问通用性；6.引用语义；7.引入原生媒体支持；8.引入可编程内容；
开发工具：sublime text3，Soda Dark3软件界面主题。

2.基本格式
<!DOCTYPE html>               //文档类型声明
<html lang="zh-cn">           //设置语言
<head>
    <meta charset = "utf-8">  //设置编码
    <title>基本格式</title>
</head>
<body>
<a href="//www.baidu.com">百度</a>
</body>
</html>

元素标签
　　1单标签 <meta> <img>
　　2.双标签<a></a>
元素，属性，值，文本

head元素  //页面不可见
　　用来包含元数据内容，用来给浏览器提供信息，元数据包括：<link>,<meta>,<noscript>,<script>,<style>,<title>

body元素  //页面可见

3.文本元素
  元素名称  说明  解释
a  生成超链接
br  强制换行
wbr  可安全换行   en
b  标记一段文字但不强调   实际作用就是加粗
strong  表示重要   和b一样，但强调重要的文字
i  表示外文或科学术语
em  表示强调
code  表示计算机代码   en
var  表示程序输出   en
samp  表示变量   en
kdb  表示用户输入   en
abbr  表示缩写
cite  表示其他作品的标题   实际作用就是加粗
del  表示被删除的文字
s  表示文字已不在确认
dfn  表示术语定义
mark  表示与另一段上下文有关的内容   用于记号
q  表示引自他处的内容
rp   与ruby一起使用，标记括号
rt  与ruby一起使用，标记括号
ruby  表示位于表意文字上方或者右方的注音符号  为非西方语言提供支持
bdo  控制文字方向
small  表示小号字体内容
sub  表示下标字体  sub，sup实际就是数学上的上标和下标
sup  表示上标字体
time  表示时间或者日期
u  标记一段文字但不强调
span  通用元素，没有任何语义，一般配合css修饰