HTML5的出現為網站提供了更多的交互效果和響應式設計，而手機端的頁面設計也是越來越重要。對于PC端和手機端的頁面設計，有一些HTML5代碼是可以在兩個端口使用的。下面我們來看看這些代碼的用法。 首先是meta標簽，用于設置網頁的關鍵信息，如視口大小和寬度。在PC端和手機端都使用的代碼如下：

<meta name="viewport" content="width=device-width, initial-scale=1">

其次是對于頁面的響應式設計，在PC端和手機端都需要用到。以下代碼可以使頁面根據設備屏幕大小自動調整：

<link rel="stylesheet" href="main.css">
<!--media queries-->
<link rel="stylesheet" media="screen and (max-width: 768px)" href="mobile.css">
<link rel="stylesheet" media="screen and (min-width: 768px)" href="tablet.css">
<link rel="stylesheet" media="screen and (min-width: 960px)" href="desktop.css">

最后是移動設備的觸摸事件，這對于移動設備的交互十分重要。以下代碼可以在PC端和移動端都使用：

<script>
document.addEventListener("touchstart", function(){}, true);
</script>

以上是幾個可以在HTML5的PC端和手機端都使用的代碼。在頁面設計時使用這些代碼，有利于提高設計效率，同時也可以更好地體現出網頁的響應式設計及移動設備的交互特點。