Html5新语义标签-创新互联
HTML5 新标签
创新互联专注于企业全网整合营销推广、网站重做改版、盐都网站定制设计、自适应品牌网站建设、H5页面制作、商城建设、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为盐都等各大城市提供网站开发制作服务。======================================================================
1.DOCTYPE
2.---字符编码方式
3.
4.
=========================================================================
引入语义元素
页面标题---
主导航区---
侧边栏---
主内容区---
页脚---
========================================================================
新增的标签
1.区块标签
artile ---- 定义文章,表示包含于一个文档、页面、应用程序或网站中的一段独立的内容, 它能够独立的被发布或重新使用。
Internet Explorer 9
Windows InternetExplorer.....
section--- 一个主题性的内容分组,通常包含一个头部(header),可能还会有一个尾 (footer)。
属性:cite : url; //假如section 摘自 web 的话
nav --- 定义导航链接的部分
如果文档中有“前后”按钮,则应该把它放到
***搜索引擎或屏幕阅读器会根据nav标签确定网站的内容,不是任何一组超链接都 适合放在nav标签中。
aside --- 定义其所处内容之外的内容,非主要内容,是主要内容的补充,具有独立性。
可用作文章的侧栏。
**常用位置:
-页面侧边栏
-广告
-友情链接
-文章引语(内容摘要)
header
footer
2.内容分组标签
figure --- 规定独立的流内容(图像、图表、照片、代码等等)
figure元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
figcaption --- 定义 figure 元素的标题。
figcaption 应为 figure 元素的第一个或最后一个子元素
main --- 显示页面的主题内容。
每个页面只能包含一个main标签。
main标签中不包含网站标题、logo、主导航、版权声明等信息。
****************************区块标签和内容分组标签为块标签
3.文本级别标签
time --- 表示一个日期,或一个时间 (**可以被搜索引擎、屏幕阅读器等方便的识别)
属性: datetime="2016-02-13"(固定格式)
*****
#### 如果定义了 datetime 属性,则标签中间的文本没有固定格式,人可以识别就好
如果没有定义 datetime 属性,则文本需要一个固定格式,以便被识别。
常用的time格式:
i --- HTML4 中: 修饰文字样式的,表示为 斜体
HTML5 中: 表示强调不同的情绪或声音,也可以表示技术术语、生物分类、来自另一 种语言的成语或习语、一个想法等等。
cat是一种可爱的动物。
Thank god. 项目终于按时交付了。
b --- HTML4 中: 修饰文字样式的,表示为 粗体
HTML5 中: 表示文档中的关键字、商品名称等
该地出产的咖啡:
星巴克加长咖啡豆,浓缩烘焙
em--- emphasis 强调;标签中的内容是用来强调的重要内容,显示 斜体 文本
cat是一种可爱的动物。
strong --- 表示非常重要、严重性、或内容的紧迫性。 显示 粗体 。
********************文本级别标签是内联标签
另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网页题目:Html5新语义标签-创新互联
转载源于:http://ybzwz.com/article/cccpjd.html