网站建设在电子商务中的作用,青色网站欣赏,长沙做网站kaodezhu,普洱市建设局网站1、什么是HTML语义化#xff1f;
“语义化”指的是在需要更少的人类干预的情况下#xff0c;能够研究和手机信息#xff0c;让网页能够被机器理解#xff0c;最终让人类受益。
语义化的目的就是让大家直观的认识标签#xff08;markup#xff09;和属性#xff08;att…1、什么是HTML语义化
“语义化”指的是在需要更少的人类干预的情况下能够研究和手机信息让网页能够被机器理解最终让人类受益。
语义化的目的就是让大家直观的认识标签markup和属性attribute的用途和作用。很明显Hx系列看起来很像标题因为拥有粗体和较大的字号。strong,em用来区别于其他文字起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。
2、HTML语义化有什么好处
语义化的网页的好处最主要的就是对搜索引擎友好有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取你网站的推广便可以省下不少的功夫。 语义 Web 技术有助于利用基于开放标准的技术从数据、文档内容或应用代码中分离出意义。 3、为什么要HTML语义化 在没有css的情况下页面也能呈现出比较好的内容结构、代码结构。用户体验较好例如label标签的活用、title、alt用于解释名词或解释图片。方便其他设备解析阅读器、移动设备以意义的方式来渲染网页。便于团队维护语义化的HTML更具可读性团队遵循W3C标准。有利于SEO和搜索引擎建立友好的交流有利于爬虫抓取更多的有效信息。 4、HTML语义化标签 header元素 该元素是网页或者section的页眉部分通常包含h标签包括网站标志、全局导航、全站链接、搜索框等。 也可以包含一节的目录或者nav或者相关的logo。 一个页面可以有多个header标签。 eg、 headerhgrouph1网站标题/h1h1网站副标题/h1/hgroup
/header title元素 该元素用来简短的描述网页内容在页面中唯一存在。 搜索引擎会将title作为判断页面主要内容的指标有效的title应该包含几个与页面内容密切相关的关键字建议将title核心内容放在前60个字符中。 foot元素 该元素代表网页或section的页脚通常包含该节内容的基本信息或者代表附录、索引、许可协议、标签类别等信息。 一个页面中可以有多个footer可以是任何网页或section的底部。 eg、 eg、
footerCOPYRIGHT浮川之畔
/footer hgroup元素 该元素代表网页或section的标题。可以将h1到h6的标签放在里面。 注如果只有一个h标签就不用hgroup。 如果有多个连续的h标签就用hgroup。 eg、 eg、
hgrouph1这是一篇介绍HTML 5语义化标签和更简洁的结构/h1h2HTML 5/h2
/hgroup nav标签 该元素是页面的导航链接区域仅对页面中重要的链接群使用。 用来定义页面的主要导航部分。 eg、 navulliHTML 5/liliCSS3/liliJavaScript/li/ul
/nav aside元素 该元素用来指定附注栏通常被包含在article元素中作为主要内容的附属部分其中的内容可以是与当前文章有关的相关资料、标签、名词解释等是特殊的section。 eg、 articlep内容/pasideh1作者简介/h1p浮川之畔新入门码农/p/aside
/article main元素 该元素是页面的主体内容一个页面只能使用一次。 article元素 该元素包含一个报纸一样的东西代表一个在文档、页面或网站中自成一体的内容。 如果在article中再嵌套article就代表内嵌的article中的内容和外部的是有关系的。 eg、 articleheaderh1一篇文章/h1ptime pubdate datetime2012-10-032012/10/03/time/p/headerp文章内容../particleh2评论/h2articleheaderh3评论者: XXX/h3ptime pubdate datetime2012-10-03T19:10-08:00~1 hour ago/time/p/headerp哈哈哈/p/articlearticleheaderh3评论者: XXX/h3ptime pubdate datetime2012-10-03T19:10-08:00~1 hour ago/time/p/headerp哈哈哈/p/article/article/article article内部还可以嵌套section eg、 articleh1前端技术/h1p前端技术有那些/psectionh2CSS/h2p样式../p/sectionsectionh2JS/h2p脚本/p/section/article section 内部嵌套article。article是大主体section是构成这个大主体的一部分。 eg、 sectionh1介绍: 网站制作成员配备/h1articleh2设计师/h2p设计网页的.../p/articlearticleh2程序员/h2p后台写程序的../p/articlearticleh2前端工程师/h2p给楼上两位打杂的../p/article/section 使用注意 自身独立使用article 相关内容使用section 无语义使用div section元素 该元素代表网页中的‘节或段。“段”可以是指一篇文章里按照主题的分段“节”可以是指一个页面里的分组。 section标签内通常带有标题。 一张页面可以用section划分为简介、文章条目和联系信息。不过在文章内页最好用article。section不是一般意义上的容器元素如果想作为样式展示和脚本的便利可以用div。 article、nav、aside可以理解为特殊的section所以如果可以用article、nav、aside就不要用section没实际意义的就用div eg、 sectionh1section是啥/h1articleh2关于section/h1psection的介绍/psectionh3关于其他/h3p关于其他section的介绍/p/section/article
/section small元素 该元素指定细则输入免责声明、注解、署名、版权等。只能用于短语不能用在长的法律声明。 address元素 该元素用来表示作者、相关人士或组织的联系信息。 del元素 该元素表示被移除的内容。 ins元素 该元素表示被添加的内容。
