《HTML5 开发精要与实例详解》所得

1.文本分析工具大纲

https://gsnedders.html5.org/outliner/

2.网页的语义性

在HTML5 中，body 元素、blockquote 元素、fieldset 元素、td 元素、details 元素及figure 元素被称为节根(sectioning roots) 元素。这些元素的共同特征是拥有自己独立的大纲，并且这些元素内的section元素、article元素、标题元素(h1~h6元素)、nav元素以及aside元素等，只用在生成其父元素的大纲时，而不用在生成父元素的上层祖先元素的大纲时。（p11）

3.评论的格式

<section>
	<div id="allComm">
	    <div id="allCommTit1">
		<strong><h4>评论</h4></strong>
	    </div>
				
	    <ul id="cmp-revert">        
		<li id="linedot1">
		    <div id="revert-Cont1">
			<p>
			    <span id="revert-Tit1">新浪网友</span>
			    <span id="revert-Time1">
				<time datetime="2018-03-13" pubdate="true">2018-03-13</time> 
			    </span>
			</p>
			<div id="revert-Inner-txtb1">
			    <p>评论内容...</p>
			</div>
			<div id="revert-Inner-txt-reply">
			    <p>
				<span id="revert-Tit1">博主回复</span>
				<span id="revert-Time1">
				    <time datetime="2018-03-14" pubdate="true">2018-03-14</time> 
				</span>
			    </p>
			    <p id="myReplyInfo">回复内容</p>
			</div>
		    </div>
	        </li>
	    </ul>
	 </div>
	<div id="writeComm">
	    <iframe src="writeComm.jsp" width="90%" height="300px"></iframe>
	</div>
</section>

后期还需要更改；将大部分的id更换成class ；不知道是不是书刊较早的缘故，代码里都没有class。

4.<li>与<li>之间的书写方式

为了避免在li表项目元素背景中使用的图片与图片之间存在裂痕，必须将前一个li元素的结束标记</li>与后一个li元素的开始标记<li>写在同一行中，书写成"</li><li>"的形式。

由于不同浏览器解析时会引起不同的差异，从而体现网页编写的严谨性，