HTML5基本标签

HTML5基本标签

ID:36876033

大小:918.81 KB

页数:48页

时间:2019-05-10

HTML5基本标签_第1页
HTML5基本标签_第2页
HTML5基本标签_第3页
HTML5基本标签_第4页
HTML5基本标签_第5页
资源描述:

《HTML5基本标签》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、1HTML入门HTML文件结构页面属性标记常用页面元素标记表格基础篇表单作业22.1HTML文件结构标记及属性HTML文件结构3文件结构①标记及属性标记:为了使所要显示的内容达到一定的效果,在内容中加入的特定标识。每个标记都用“<”(小于号)和“>”(大于号)围住。注意:“<”、“>”与标记之间不能留有空格或其他非标记字符在标记前加“/”是结束标记标记字母不区分大小写对同一段要标记的内容,可以使用多个标记来共同作用,各个标记间的顺序是任意的。<标记>受标记影响的内容4属性:标记通过属性来精确控

2、制信息,以便制作出各种效果。并不是每个标记都有属性。可以根据需要使用标记的所有属性或几个属性,属性之间没有顺序。属性和标记一样,也不区分大小写。<标记 属性1=属性值 属性2=属性值…>内容文件结构5②HTML5基本框架以开头,以结尾。包括头部(Head)和主体(Body)两大部分。…:网页的题头,说明文件命名与文件本身的相关信息。…<title>:网页标题,在浏览器的标题栏显示。<body>…<body>:网页的正文。<htm</p><p>3、l><head><title>网页的标题网页的内容文件结构常用的头部标记常用的头部标记内容TitleofthedocumentHtml5页面一般框架便于维护和修改,对搜索引擎更友好,预留扩展,无障碍浏览功能

4、分区级语义元素ArticleAsidefigurefigcaptionfooterheaderhgroupnavsection8HTML5Demo

5、ticle>

Html5页面一般框架header元素header元素代表“网页”或“section”的页眉。通常包含h1-h6元素或hgroup,作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分,一个搜索框,一个nav,或者任何相关logo。整个页面没有限制header元素的个数,可以拥有多个,可以为每个内容块增加一个header元素header使用注意:可以是“网

6、页”或任意“section”的头部部分;没有个数限制。如果hgroup或h1-h6自己就能工作的很好,那就不要用header。

网站标题

网站副标题

hgroup元素hgroup元素代表“网页”或“section”的标题,当元素有多个层级时,该元素可以将h1到h6元素放在其内,譬如文章的主标题和副标题的组合hgroup使用注意:如果只需要一个h1-h6标签就不用hgroup如果有连续多个h1-h6标签就用h

7、group如果有连续多个标题和其他文章数据,h1-h6标签就用hgroup包住,和其他文章元数据一起放入header标签

这是一篇介绍HTML5语义化标签和更简洁的结构

HTML5

nav元素nav元素代表页面的导航链接区域。用于定义页面的主要导航部分。规范上说nav只能用在页面主要导航部分上。页脚区域中的链接列表,虽然指向不同网站的不同区域,譬如服务条款,版权页等,这些footer元素就能够用了。nav使用注意:用在整个页面主要导航部分上

8、,不合适就不要用nav元素;

article元素article元素最容易跟section和div容易混淆,其实article代表一个在文档,页面或者网站中自成一体的内容,其目的是为了让开发者独立开发或重用。譬如论坛的帖子,博客上的文章,一篇用户的评论,一个互动的widget小工具除了它的内容,article会有一

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。