Html基本结构.ppt

有时需要在一段内容外围包一个容器，从而可以为其应用CSS 样式或JavaScript 效果。如果没有这个容器，页面就会不一样。在评估内容的时候，考虑使用article、section、aside、nav 等元素，却发现它们从语义上讲都不合适。 这时，你真正需要的是一个通用容器，一个完全没有任何语义含义的容器。这个容器就是div（ 来自division 一词） 元素。有了div，就可以为其添加样式或JavaScript 效果了。 HTML5 引入header、footer、main、article、section、aside 和nav这些类型的构造块在网页中普遍存在，因此它们可以成为具有独立含义的元素。在HTML5 中，div 并没有消失，只是使用它的场合变少了。 13-使用ARIA 改善可访问性 WAI-ARIA（Web Accessibility Initiative’s Accessible Rich Internet Applications， 无障碍网页倡议– 无障碍的富互联网应用，也简称ARIA）是一种技术规范，自称“有桥梁作用的技术”。 无障碍访问的意义是让所有的访问者都能获取网站的内容。你的网站的一部分访问者可能需要借助辅助设备（如屏幕阅读器）访问你的页面内容。 一个或多个ARIA role 属性——地标角色 role=banner（横幅） 面向全站的内容，通常包含网站标志、网站赞助者标志、全站搜索工具等。横幅通常显示在页面的顶端，而且通常横跨整个页面的宽度将其添加到页面级的header 元素，每个页面只用一次。 role=navigation（导航） 文档内不同部分或相关文档的导航性元素（通常为链接）的集合与nav 元素是对应关系。应将其添加到每个nav 元素，或其他包含导航性链接的容器。这个角色可在每个页面上使用多次，但是同nav 一样，不要过度使用该属性。 role=main（主体） 文档的主要内容与main 元素是对应关系。最好将其添加到main 元素，也可以添加到其他表示主体内容的元素（可能是div）。在每个页面仅使用一次。 role=complementary（补充性内容） 文档中作为主体内容补充的支撑部分。它对区分主体内容是有意义的与aside 元素是对应关系。应将其添加到aside 或div 元素（前提 是该div 仅包含补充性内容）。可以在一个页面里包含多个complementary 角色，但不要过度使用。 role=contentinfo（内容信息） 包含关于文档的信息的大块可感知区域这类信息的例子包括版权声明和指向隐私权声明的链接等将其添加至整个页面的页脚（通常为footer 元素）。每个页面仅使用一次 14-为元素指定类别或ID 名称 为元素添加唯一的ID 在元素的开始标签中输入id=“name ”，其中name 是唯一标识该元素的名称。name 几乎可以是任何字符，只要不以数字开头且不包含空格。 为元素指定类别的方法 在元素的开始标签中输入class=“name ”，其中name 是类别的名称。如果要指定多个类别，用空格将不同的类别名称分开即可，如class=“name anothername ”。（可以指定两个以上的类别名称。） 不管你打算如何使用id 和class，都应该为它们选择有意义的名称。例如，如果你使用class 是出于格式化目的，应避免使用描述表现样式的名称，如class=red，因为你可能在下周决定将配色方案改为蓝色。尽管在CSS 中对分配给某一类元素的颜色进行修改是相当容易的，但这样做会导致你的HTML 拥有一个名为红色却实际呈现为另一种颜色的class。同时，改变HTML 中所有的class 通常是一项繁琐的工作。 15-为元素添加title 属性 给元素添加title属性的作用： 可以使用title 属性（不要与title 元素混淆）为网站上任何部分加上提示标签。 加上它们之后屏幕阅读器可以为用户朗读title 文本，可以提升无障碍访问功能。 在网页中为元素添加标签： 在要添加title 的HTML 元素中，输入title=“label ”，其中label 是访问者将鼠标移到这个元素上时希望出现在提示框里的文本，或者希望由屏幕阅读器朗读的文本。 可以为任何元素添加title，不过用的最多的是链接。 16-添加注释 HTML注释格式：!- -注释的内容- - CSS注释格式：/*注释的内容*/ JS注释格式： //注释的内容 /*注释的内容*/ 注释的注意事项：注释不能嵌套在其他注释里 作业 1、识记HTML5新增语义化标记准确应用到开发的页面中 2、开发一个企业级页面 人有了知识，就会具备各种分析能力， 明辨是非的能力。