这是我参与「第四届青训营 」笔记创作活动的的第1天
HTML
HTML 全称 HyperText Markup Language 翻译过来就是 超文本标记语言 是用来构建网页基本结构及其内容的标记语言 超文本:文本中包含指向其他文本的链接 标记语言:将文本以及文本相关的其他信息结合起来,展现出关于文档的结构。常见的标记语言有HTML、XML、Markdown等。
今天,重新去复习了html的整体结构,结构标签的作用。
!DOCTYPE标签,它是指示web浏览器关于页面使用哪个html版本进行编写的指令;
head标签,是所有头部元素的容器,绝大多数头部标签的内容是不会显示给读者的;
元素可提供有关某个html元素的元信息,比如描述、针对搜索引擎的关键词以及刷新频率;
body标签,用于定义文档的主体,包含了文档的所有内容,该标签支持html的全局属性和事件属性;
开发者应该遵循语义来编写html,有序列表ol,无序列表ul,标签和属性不区分大小写,空标签可以不闭合,比如input、meta,属性值推荐用双引号包裹,某些属性值可以省略,比如required,readonly,lang属性表示内容所使用的语言。
HTML5提供了一些新的语义化标签:
<header>:元素描述了文档的头部区域
<nav>:标签定义导航链接的部分。
<section>:标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。 <article>: 标签定义独立的内容。
<aside>:标签定义页面主区域内容之外的内容(比如侧边栏)。
<footer>:元素描述了文档的底部区域. 语义化的好处:易于用户阅读,样式丢失的时候能让页面呈现清晰的结构,有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐,有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重,可以提升无障碍性,方便屏幕阅读器解析,如盲人阅读器根据语义渲染网页。