HTML 5 的基础知识1

HTML 5的基本结构和语法变化

HTML 5 文档的根元素依然是<htm…l/>,这是固定不变的内容。在<html…/>元素里包含<head…/>和<body…/>两个子元素。<head…/>元素主要定义HTML 5 文档的页面头,其中<title…/>元素用于定义页面标题,除此之外,还可以在<head…/>元素中定义meat,样式单等信息;<body…/>元素用于定义页面主体,包括页面的文本内容和绝大部分标签。

标签不再区分大小写
元素可以省略结束标签
HTML 5 保留的常用元素
html:他是根元素,在HTML 5 中可以省略
head:用于定义文档的头部分
title:用于定义文本的页面标题
body:用于定义文本的主体部分
h1到h6:用于定义标题一到标题六
p:定义段落,可以指定id,class,style,dir,title等通用属性,还可以指定onclick等各种事件属性。
br:用于换行
hr:定义水平线
div:定义文档中的节,可以指定id,class,style,dir,title等通用属性,还可以指定onclick等各种事件属性。
span:与div基本相似,但是默认不会换行。
文本格式相关元素
b:定义粗本文体
i:定义斜体文体
em:定义强调文本,实际效果和斜体差不多,可以指定id,class,style,dir,title等通用属性,还可以指定onclick等各种事件属性。

使用a元素添加超链接和锚点
href:指定超链接所连接的另一个资源。
hreflang:指定超链接所连接的文档所使用的语言。
插入定位锚点需要指定name属性,name属性值就是该命令锚点的名称。
ul:定义无序列表
ol:定义有序列表
start:默认是第一个
type:类型

li:定义列表项
dl:用于定义术语列表
dt:用于定义标题列表
dd:定义普通列表项

使用 img 元素添加图片
src:该属性指定图片所在位置,该属性值既可以是相对路径,也可以是绝对路径。
alt:该属性指定一段文字,作为该图片的提示信息。
height:高度
width:宽度
表格相关属性
table:用于定义表格

caption:标题
tr:定义表格行,可以指定id,class,style,dir,title等通用属性,还可以指定onclick等各种事件属性。
td:定义单元格,可以指定id,class,style,dir,title等通用属性,还可以指定onclick等各种事件属性。
th:定义表格的表头单元格
tbody:定义表格的主体
thead:定义表格头
tfoot:定义表格脚
rowspan:跨行合并
colspan:跨列合并
增强的 iframe 元素
src:该属性指定一个页面的URL,指定该 iframe 将加载那个页面。
name: 设置name
longdesc: 该属性也是指定一个页面的URL,
scrolling: 设置是否在 iframe 中显示滚动条。
height:高度
width:宽度
HTML 5 保留的通用属性
id
style
class
dir
title
HTML 5 新增的通用属性
contentEditable

HTML 5 新增的结构元素
article:该元素代表页面上独立完整的一篇文章
section:该元素用于对页面内容进行分块。
header:标题
footer:脚注
nav:导航条
aside:该元素专门用于定义当前页面或当前文章的附属信息通常来说推荐该元素使用CSS渲染成侧边栏。
main:文档最只应包含一个该元素,该元素不应该反在允许重复的内容中,
figure:该元素用于表示一块独立的“图片区域“
figcaption:该元素用于定义 图片区域 的标题
HTML 5 新增的语义元素
mark:用于显示页面中需要重点关注的内容 ,会用黄色包起来。
HTML 5 新增的拖放 API

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值