目的:为开发页面时有一套明确的页面结构化实施方案,提高开发效率; HTML结构化指的其实就是使用HTML语义化标签根据web标准书写具有明确结构逻辑的HTML代码的一种思路;说白了重点就是:页面实际要展现的内容,贴切页面内容的HTML标签,符合web标准,结构逻辑明确; 前置条件 ...
一 语义化结构化标签 结构化标签优点: 方便浏览器处理和识别,提升了网页的质量和语义。 减少了大量无意义的div标签,增强代码的可读性。 结构化标签: header,nav,body,article,section,aside,hgroup,figure,figcaption,footer lt header gt 定义文档的页眉 lt nav gt 定义导航链接的部分 lt article gt ...
2015-07-07 22:11 0 2557 推荐指数:
目的:为开发页面时有一套明确的页面结构化实施方案,提高开发效率; HTML结构化指的其实就是使用HTML语义化标签根据web标准书写具有明确结构逻辑的HTML代码的一种思路;说白了重点就是:页面实际要展现的内容,贴切页面内容的HTML标签,符合web标准,结构逻辑明确; 前置条件 ...
<header>表示页面中一个内容区块或整个页面的标题。 <section>页面中的一个内容区块,如章节、页眉、页脚或页面的其他地方,可以和h1、h2……元素结合起来使用,表示文档结构。 <article>表示页面中一块与上下文不相关的独立内容,如一 ...
的artilce对外层的article标签有隶属的关系。 section 定义文档中的节 章节、 ...
一、定义标题栏:header header 元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但也可以包含其他内容,因此整个页面的标题应该放在页面的开头。 header 定义文档的页眉,在一个网页中可以多次使用 header 元素。 语法 ...
一、Html的基本结构: <!DOCTYPE html> <html> <head> <meta charset=utf-8"> <title></title> < ...
html文档结构 1.<!doctype html>声明为html5文件,必须是html文档的第一行,在<html>标签之前; 2.<html>、</html>是文档开始和结束的标记,是HTML页面的根元素,在它们之间是文档 ...
一、HTML5语义化标签 标签 描述 <article> 页面独立的内容区域。 <aside> 页面的侧边栏内容。 <bdi> ...
在HTML5之前采用HTML+CSS文档结构写法: ID选择器说明 id选择器——用于标识页面上特定元素(比如站点导航、页眉、页脚)而且必须唯一; 也可以用来标识持久结构性元素(如主导航、内容区域) class选择器说明 class类选择器——可以应用于页面任意多个元素 ...