HTML基础结构

来源：互联网发布：扫描软件app 编辑：程序博客网时间：2024/04/28 04:38

<html lang = "">简体中文页面：html lang=“zh-cmn-Hans” 繁体中文页面：html lang=“zh-cmn-Hant” 英语页面：html lang=“en”

<title> 作为标题，会出现在书签栏和浏览历史。重要性：会被搜索引擎引用。

一些最基本，最常用的标签：

h1~h6：创建页面信息的层级关系。分级标题是最重要的HTML元素，它传达了页面的主题。

<header>：介绍性或者导航性的区域（页眉加上role = “”banner增强语义）。

<nav>：文档中重要的链接群（指向页面内其他区域或者其他页面）(role = "navigation")。

使用ul或者ol来组织链接群是一种常见的方法，在外面套上<nav>。

<nav>可以位于页眉或者页脚，只要是重要的链接群

<main role = “”main> 代表页面的主要内容(或者web应用的主要功能)，只能使用一次。

<article>表示文档，页面，应用或者网站中一个独立的容器，原则上可独立分配或可以再用的内容项。

<section>文档或者应用中一个一般的区块，具有相似主题的一组内容，通常包含一个标题，一个section是一类（比如不同章节，活动安排中的不同部分）。

<aside>与主体关系不大，并列存在。视为侧栏，补充的内容。role = "complementary"

<footer>代表嵌套它最近的article、aside等元素的页脚，当最近的祖先是footer,才代表是整个页面的页脚(role = "contentinfo").。

<div>通用容器。<span>对应inline属性的通用容器。<div>没有任何语义，目前一般都是为了添加CSS来定义一个容器来使用div，同样作为块级元素的header,footer,main,article,section,aside,nav具有语义。

ARIA-Accessible Rich Internet Application，无障碍网页倡议，可以填补一些语义的空白。

<title> 提示标签，屏幕阅读器将为用户朗读title文本，一般用于链接（悬浮鼠标于链接，会显示title内容）。

1 0