前端第2讲 常用文本标签和文档结构标签.pptxVIP

第2讲 文本处理及常用文档结构标签;在网页中与文本相关的常用标签如下： p标签 br标签 标题字标签 strong标签 em标签 span标签 ;1. p标签;2. br标签;段落及换行标签应用示例：;3. 标题字标签; 各级标题字标签及常用属性如下表：;标题字标签综合示例：;4. strong标签;strong标签示例：;5. em标签;em标签示例：;6. span标签;span标签示例：;在网页中添加空格格式：nbsp; 在HTML文件中输入一个nbsp;可以生成一个半角空格，需要多个空格时，需要连续输入多个nbsp; 注意：“nbsp;”在不同的浏览器中显示的宽度是不一样的：在 IE 浏览器中，4 个“nbsp;”等于 1 个汉字；在Chrome 中，有些是 2 个“nbsp;”等于 1 个汉字，在较新的一些版本则是 1 个“nbsp;”等于 1 个汉字。因此为了兼容性，最好使用 CSS 样式来生成空格。 ;特殊字符的输入格式: 实体名称; 网页中的特殊字符需要在源代码中通过其对应的字符实体来设置。对应的字符实体见下表：;在网页中输入空格和特殊字符示例：;常用文档结构标签如下： header标签 section标签 article标签 nav标签 aside标签 footer标签 ;作用 header定义了页面或内容区域的头部信息，诸如放 置在页面头部的站点名称、Logo和导航栏、搜索框以及 放置在内容区域的标题、作者、发布日期等信息。 基本语法 header头部相关信息/header 语法解释 header/header标签对之间可以包含一个h1~h6 标题标签，以及搜索表单、nav等标签。 一个HTML页面内，可以包含多个header header标签内不能嵌套header和footer;header应用示例:;作用 article 用于表示页面中一块独立的、完整的相关内 容块，可独立于页面其他内容使用。例如一篇完整的论坛 帖子、一篇博客文章、一个用户评论、一则新闻等。 基本语法 article独立的文档内容/article 语法解释 article 通常会包含一个header( 包含标题部分?? 或标题字以及一个或多个section或p标签。;article应用示例:;作用 section用于对页面的内容进行分块，如将文 章划分不同的章节。 基本语法 section块内容/section 语法解释 section/section标签对之间通常由标题及内 容组成，所以其中一般会包含h1~h6以及p等标签。;section应用示例:;作用 nav用于定义页面上的各种导航条，一个页面中可以 拥有多个nav元素，作为整个页面或不同部分内容的导航。 基本语法 nav导航条/nav ;nav应用示例：;作用 aside用于定义当前页面或当前文章的附属信息部 分，可以包含与当前页面或主要内容相关的引用、侧边 栏、广告、导航条等内容，通常作为侧边栏内容。 基本语法 aside侧边栏内容/aside ;aside应用示例：;作用 footer主要用于为页面或某篇文章定义脚注内容， 包括文章的版权信息、网络备案号、作者联系方式、链 接等内容，一个页面可以包含多个footer元素。 基本语法 footer脚注内容/footer 语法解释 footer标签可以用于创建网页或者任何一块元素的尾部 一个HTML页面中，footer标签的出现没有限制 footer标签不能嵌套header或者footer ;footer应用示例：