第3章 基本HTML结构

《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1207次

基本HTML结构

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <title>标题</title>
</head>
<body>
    <p>hello html</p>
</body>
</html>

header标签(页眉)

通常包含一些导航信息,可以有页面级的header也可以在其它的标签之下的header

role属性

role属性可以增加访问性

nav标签

nav标签可以标记导航,本身并没有任何显示效果

main标签

main标签标记页面主要,本身也并没有有任何效果,一个页面只能使用一次

article标签(文章)

article包含文档、文章、帖子、杂志、博客、用户评论、交互式小部件等。

section标签(区块)

section通常用来包含具有相似主题的一组内容。

aside标签(附注栏)

页面中与主题相关的内容,如引述、相关链接、广告、相关文章等。

通常包含版权声明、作者、合作站链接、其他相似内容等

页脚不一定在尾部

div标签(通用容器)

通用容器,一个没有任何语义的容器

通过使用div,可以为内容添加css样式、js效果

id属性

为标签分配唯一的标识符id,就可以对此id的标签添加css样式或js效果

id几乎可以是任何字符,只要不是数字开头且不包含空格

一个标签只能有一个id,一个页面中不能出现相同的id,不同页面的id可以相同

class属性

为标签分配的类型class,就可以对此class的标签添加css样式或js效果

一个标签可以有多个类型,类型之间用空格分开,如

class="type-name1 type-name2 type-name3 ..."

title属性(不是title标签)

title属性可以使鼠标移到这个标签位置时显示出此title值

可以为任何标签添加此属性,不过一般用于链接

注释标签

<!--是注释的开始,-->是结束,两者之间就是注释文本

注释不能嵌套

本文标签: HTML CSS

版权声明:本文为作者原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.luoluolzb.cn/articles/4/chapter-3-basic-html-structure
您需要登录后才发布评论。 点此登录
用户评论 (0条)

暂无评论,赶紧发表一下你的看法吧。